WMW

图片分割与合并

Free

直接在浏览器中将图像拆分成网格状碎片,或将多张图像合并为一张。

完全在您的浏览器中运行。您的图片绝不会被上传到任何地方。

点击选择图片,或将图片拖放到此处

最近活动

所有人可见。所有访客的最近 20 次使用记录,最新的在前。

Split · 800×1000 · 1×3

1 个月前

Split · 800×1000 · 3×3

1 个月前

Split · 800×1000 · 2×2

1 个月前

评论 (0)

觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。

访客评论在发布前会经过审核。 登录 即可立即发布。

暂无评论,快来抢沙发分享您的想法吧!

此工具的功能

将一张图像拆分为独立块的网格(提供快速的 2x2、3x3、1x3 和 2x1 预设,或任意自定义行列数),可单独下载或一次性以 ZIP 文件下载全部。或将多张图像合并为一张水平、垂直或网格排列的图像,可调整间距和背景,并可选择将不同尺寸的图像适应或填充到统一布局中。

工作原理

拆分使用整数除法将图像分成大小相等的列和行,任何剩余像素都会被吸收到最后一列和最后一行,因此每个块拼接起来仍能精确还原原始尺寸。每个块都被绘制到自己的小画布上并导出为 PNG;"以 ZIP 格式下载全部"会将每个块完全在您的浏览器中打包成一个压缩文件。合并首先根据您上传图像中最大的宽度和高度计算出单元格大小,然后将每张图像排列成网格(或单行/单列),单元格之间使用您选择的间距。每张图像放入其单元格时使用"适应"(将图像缩小到能不裁剪地放入单元格的最大尺寸,缩放比例 = min(单元格宽度/图像宽度, 单元格高度/图像高度))或"填充"(放大或缩小图像并将其裁剪,使其完全覆盖单元格,缩放比例 = max(单元格宽度/图像宽度, 单元格高度/图像高度)),多余部分会从两侧均匀裁掉。

解决的问题

常见问题

行/列拆分网格与预设有什么区别?

预设(2x2、3x3、1x3、2x1)只是为您填充常见的行数和列数,它们并非另一种模式。您始终可以在自定义网格字段中输入您想要的任意行数和列数,包括非正方形网格,例如 5 行 2 列,预览会立即更新。

为什么最后一行或最后一列有时看起来比其他行/列大一两个像素?

当图像的宽度或高度不能被列数或行数整除时,剩余的像素会被添加到该行或列的最后一块中,而不是被丢弃。这确保了这些块拼接起来始终能精确还原原始图像,没有间隙,也没有丢失的边缘像素。

在合并不同尺寸的图像时,"适应"和"填充"有什么区别?

适应会将每张图像缩小到能完全放入其单元格而不裁剪的最大尺寸,因此对于较小或形状不同的图像,您可能会在两侧或顶部/底部看到空白区域(黑边)。填充则会放大或缩小每张图像并将其裁剪,使其完全覆盖单元格且没有空白,这意味着不匹配图像的一些边缘会被裁掉。

合并模式下单元格大小是如何决定的?

该工具会在您上传的所有内容中查找最宽和最高的图像,并将其用作单元格的宽度和高度,因此您最大的图像永远不会被放大。然后其他每张图像都会被适应或填充到该尺寸的单元格中,保持整个网格的统一。

我的图像会被上传到任何地方吗?

不会。拆分和合并都通过 HTML canvas API 在您的浏览器本地完成,拆分部分的 ZIP 文件也在您的浏览器中生成。不会向服务器发送任何内容。

相关工具