拖入图片，或点击浏览选择
2–9 张图片 · 支持 JPEG/PNG/WebP · 每张最大 50 MB
至少需要 2 张图片才能拼接
网格与横竖排
创意形状
该布局需要 4 张图片，当前只有 0 张
圆角仅对矩形布局生效。
1080 × 1080 px
Help
关于此工具
拖入 2–9 张图片，即可在浏览器内拼成一张成品图。支持网格（2×2、3×3）、横排竖排（1×N / N×1）、一大两小，也能跳出矩形：对角切分、三角切分、三三角风车等创意布局用 canvas clip() 精确裁切。可调节格子间距、圆角（矩形布局）、背景色与画布比例（1:1、小红书首图 3:4、抖音封面 9:16、16:9，或自定义宽高），并选择每张图的填充方式——cover 裁切填满或 contain 等比留白。实时预览与导出使用同一份绘制代码，所见即所得。可导出 PNG 或 JPEG（可调质量），文件名含时间戳。所有处理都在本机完成，图片不会上传。
使用方法
- 拖入或选择 2–9 张图片，每次添加一张，以缩略图列表展示。
- 拖动缩略图（或用左右箭头）调整顺序，顺序决定拼接结果；用 × 按钮删除某张。
- 选择布局：网格/横竖排，或创意的对角切分 / 三角切分 / 三三角布局。
- 按需调整间距、圆角、背景色、画布比例，以及每张图用 cover 还是 contain。
- 查看实时预览，点击「导出」下载 PNG 或 JPEG。
支持哪些布局？三角形、对角等非矩形也可以吗？
可以。常规布局有 1×N 横排、N×1 竖排、2×2 与 3×3 网格、一大两小；非矩形布局有对角切分两张、三角切分两张、三三角风车三种。三角形与对角布局用 canvas 的 clip() 实现，每张图被裁切到精确的多边形区域，之间没有缝隙也不会重叠。
cover 和 contain 有什么区别？
cover 会等比放大图片直到填满整个格子，超出的部分被裁掉，永远不会留白（类似 CSS 的 background-size: cover）；contain 则等比缩放到完整放进格子，四周留出背景色。两者都保持图片比例，绝不会把图片拉变形。
为什么导出的图和预览完全一致？
预览与导出用的是同一块画布、同一个绘制函数——你看到的预览就是最终被编码的那块画布，导出不会走另一套重绘逻辑，所以下载到的文件与预览逐像素一致。
图片会被上传到服务器吗？
不会。上传、布局与编码全部在浏览器内用 canvas 完成，图片不会离开你的设备。
为什么只有部分布局有圆角？
圆角作用于矩形格子（横竖排、网格、一大两小）。对角与三角形布局的格子是多边形，任意多边形圆角比矩形圆角复杂得多，因此这些布局会忽略圆角设置——这是当前范围限制，不是 bug。