图片拼接

相关工具

• 图片裁剪
• 图片缩放
• 图片加水印

这个工具是做什么的

把多张图拼成一张，麻烦的从来不是"贴上去"，而是排列与裁剪。本工具三种布局：**网格拼图**（自选 1–6 列，行数自动）、**纵向长图**（统一宽度、高度按比例，适合把多张截图接成长图）、**横向拼接**（统一高度、宽度按比例，适合做对照图）。每张图的顺序由列表决定，可以上下移动；格子尺寸、间距、外边距、背景色都能调，填充方式二选一：**铺满格子**（按比例居中裁剪，画面饱满但会裁掉边缘）或**完整放入**（整张保留，多余部分用背景色留白）。左侧还有每张图的小缩略图与尺寸，右侧**即时预览**：改布局或顺序立刻重画；拼图超过 1100px 时预览会等比缩小示意（导出仍是完整尺寸）。几何计算全部是纯函数（含 cover 的居中裁剪框与画布上限校验），所以预览与导出一致；输出受浏览器画布上限约束（单边 ≤8192、总像素 ≤16M，iOS 上超限会静默变白图），超了会直接告诉你该调小什么。全部在本机用本地引擎完成，图片数据不出设备。

使用方法

1. 一次多选图片（顺序就是排列顺序），列表里可以上下移动或删除某张。
2. 选布局：网格拼图（可设列数）、纵向长图（设输出宽度）或横向拼接（设输出高度）。
3. 调格子尺寸、间距与外边距；需要留白或透明底时选背景色。
4. 选填充方式：铺满格子（居中裁剪）或完整放入（不裁但可能留白）。
5. 看右侧预览满意后，选导出格式（PNG 无损 / JPG / WebP）并点「生成并导出」。

常见问题

为什么有的图被裁掉了一块？

因为填充方式选的是「铺满格子」：每张图会按比例放大到铺满整个格子，多出来的边被居中裁掉。这样画面饱满、没有留白，但人脸或文字可能在边缘被切。要完整保留内容就选「完整放入」，代价是比例不同的图会在两侧或上下留白（用背景色填充）。

拼出来的图最大能有多大？

受浏览器单张画布限制：单边不超过 8192 像素、总像素不超过 1600 万（iOS / Safari 超限会静默变白图）。例如 3 列 × 800px 加间距约 2460px 宽没问题；如果提示超限，减小格子尺寸、列数或间距即可。工具会在超限时直接拦住并说明原因，而不是给你一张白图。

纵向长图与横向拼接有什么区别？

纵向长图统一「宽度」、高度按各自比例换算，适合把多张手机截图接成一张长图；横向拼接统一「高度」、宽度按比例换算，适合把多张照片并排做对照。网格拼图则是每张都放进同样大小的格子。

能调顺序吗？

可以。列表里每行右侧有 ↑ / ↓ 移动和删除按钮，排列顺序就是列表顺序；改完预览会立刻更新。

会上传图片吗？

不会。解码、拼接、编码全部在本机用本地引擎完成，数据不出设备。