拼图工具 把多张图片按选定模板拼成一张图,所有处理都在浏览器本地完成,图片不上传。常用于朋友圈、小红书、视频号封面、商品多图展示等场景。
| 场景 | 推荐格式 | 输出尺寸 |
|---|---|---|
| 朋友圈 / 群聊 / 微博 | JPG 90% | 1080 |
| 小红书图文 | JPG 92% | 2K |
| 视频号 / 抖音封面 | JPG 92% | 2K |
| 自己存档 / 二次编辑 | PNG | 4K |
| Web 网站背景 | WebP 85% | 按需 |
后续可能加入:背景图、文字层、自由布局——取决于使用反馈。
当前模板覆盖 1-9 张。原图直接传即可,不需要先压缩——所有处理都在浏览器内存里完成,不上传服务器。对体积的隐性限制:浏览器 canvas 单边最大约 16384px、面积约 268M 像素;选「4K 输出」时,超大原图也只是缩放到目标尺寸再绘制,不会爆内存。手机端如果遇到导出失败,可以先用 图片压缩 过一遍再来拼。
自动按张数挑第一个匹配的模板:传 4 张 → 默认 2×2,传 9 张 → 默认 3×3。换模板:左侧模板列表按张数分组,点任意缩略图即可切换;切换到张数更多的模板,多余的格子会显示空位(可以再传图填补,或拖动其他图过来);切换到张数更少的模板,超出的图会变成「未放置」状态,不丢,可以再切回来或手动拖到其他格。
照「目标平台」选: | 比例 | 推荐场景 | |---|---| | 1:1 | 微信朋友圈、Instagram 经典帖、群头像 | | 4:5 | 小红书图文(最大可视面积)、Instagram 竖版帖 | | 3:4 | 抖音 / 视频号横向封面 | | 4:3 | 早期数码相机比例、PPT 内嵌图 | | 9:16 | 抖音 / 视频号 / 朋友圈视频封面、手机壁纸 | | 16:9 | YouTube 缩略图、PPT 16:9 内嵌图、电脑壁纸 |
看一眼图就懂: - 间距:相邻两张图之间的距离,是「内部分隔」。设为 0 时图片紧贴;设大让单图更独立。 - 圆角:每张图四角的弧度,纯视觉装饰;圆角大于等于 cell 一半时变成圆/胶囊形。 - 外边距:整个拼图四周到画布边的距离,是「整体留白」。把外边距开大 + 背景色设深,能做出「图片悬浮在底色上」的卡片质感。 常用搭配:朋友圈九宫格 → 间距 8、圆角 8、外边距 0;卡片质感拼图 → 间距 12、圆角 16、外边距 32 + 浅色背景。
默认 cover 居中——图片自动放大到完全覆盖 cell,超出部分按中心裁剪。调整方法:(1) 拖动:在格子上按住鼠标/手指拖,可平移图片在格内的位置;(2) 滚轮缩放(PC 端):滚轮向上放大、向下缩小,最小为 cover 比例,最大 4 倍;(3) 双击重置:恢复到默认 cover 居中、缩放 1×;(4) 整体重置:右下角「↺ 重置所有格图」一键清掉所有平移和缩放。
两种方式。方式一(顺序填入):底部「图片列表」按上传顺序对应模板格 1、2、3…的位置;想调整对应关系,拖动列表里的缩略图重排即可。方式二(拖到画布):直接把列表里的缩略图拖到画布的任意格子上,会替换该格的图(如果拖来的图原先在别的格,两格会自动对换)。配合 🎲 随机排序按钮可以快速试不同搭配。
JPG 格式不支持透明通道,所有透明像素都会被浏览器填成黑色(少数浏览器会填白色,行为不一致)。解法:(1) 改用 PNG 输出(支持透明,但体积更大);(2) 改用 WebP 输出(也支持透明,体积比 PNG 小);(3) 仍想要 JPG → 把背景色设为白色或其他不透明色再导出。当前工具的兜底:选了 JPG + 透明背景时,会自动把背景改回白色,避免出来一张黑底图。
按用途选,越大越糊不是事实——清晰度上限取决于原图:(1) 1080(社交平台分发) — 微信/微博/小红书等平台都会再压一次,传 4K 没意义,1080 又快又稳;(2) 2K (2048)(推荐默认) — 平衡清晰和体积,自己存档、Retina 屏幕看也够;(3) 4K (3840)(打印/壁纸) — 准备做电脑壁纸、印刷物料、放大显示再选。注意:如果原图本身就是 800px 小图,导出 4K 也不会变清晰,只是放大模糊。