图片拼接器：把分散的碎片拼成完整的故事
从电商详情页到社交媒体长图，掌握图片拼接的核心技巧与最佳实践，让多图合一变得简单高效。
为什么需要图片拼接？
在日常工作流中，「多张图片需要合并成一张」的需求出现频率远超大多数人想象。电商平台的商品详情页通常要求将多张产品图、参数表、使用说明整合为一张连续的长图；微信公众号和小红书的内容创作者经常需要将多张截图按顺序拼接成教程图或对比图；设计师在交付作品时可能需要将多个方案并排展示供客户选择；甚至普通用户在聊天时也想把几张照片拼在一起发送，避免逐张上传的繁琐。
传统的解决方案要么依赖 Photoshop 等重型软件（学习成本高、启动慢），要么用手机 App（画质压缩严重、带水印）。本工具的目标是提供一个零门槛、无压缩、无水印的在线拼接方案——打开浏览器即可完成从上传到导出的全流程。
两种拼接模式的适用场景
本工具提供两种核心拼接策略，分别对应不同的使用场景：
- 方向拼接（横向 / 纵向）
- 最常用的模式。横向拼接适合将宽度相近的图片左右排列——比如不同角度的产品展示图、步骤截图的时间线排列、前后对比图。纵向拼接则是「长图制作」的首选——将多张截图上下连接成一张连续图片，广泛用于微信文章配图、操作教程、聊天记录整理等场景。方向拼接会自动取所有图片中的最大宽/高作为画布基准，确保每张图都能完整显示不被裁剪。
- 网格布局（自定义行列数）
- 当你需要更规整的排列方式时使用。例如：2×2 网格适合四宫格对比（Before/After、春夏秋冬）；3×3 网格可以制作九宫格切图用于 Instagram 动态；1×N 的单列网格等价于纵向拼接但增加了间距控制能力。网格模式下每行/每列的高度/宽度会自动取该行/列中图片的最大值，保证对齐整齐。
对齐方式：细节决定专业感
当参与拼接的图片尺寸不一致时，对齐方式的选择会显著影响最终效果：
- 顶部/左侧对齐（start）：所有图片沿顶部边缘或左边缘对齐。适用于高度/宽度差异不大、内容集中在上方/左侧的图片组合。
- 居中对齐（center）：推荐默认选项。小图片会在大图留出的空间内居中显示，视觉上最平衡。大多数情况下这是最安全的选择。
- 底部/右侧对齐（end）：沿底部边缘或右边缘对齐。适用于内容集中在下方/右侧的特殊布局需求。
一个实用技巧：如果拼接后发现有明显的「错位感」，尝试切换对齐方式往往能立竿见影地改善。另外，适当设置背景颜色可以填充图片间的空白区域——白色是最通用的选择，透明背景则需要后续用其他工具处理。
常见问题
拼接后的图片分辨率会降低吗？
不会。本工具基于 Canvas API 进行像素级绘制，每张原图都会以原始分辨率渲染到画布上，不存在任何有损压缩或降采样过程。最终输出的 PNG 图片尺寸等于所有原始图片尺寸之和（加上间距）。这意味着即使你拼接 10 张 4000×3000 像素的高清照片，输出结果依然保持完整的像素信息。唯一需要注意的是，超大尺寸的拼接图（如超过 20000px 长）在某些浏览器或图片查看器中可能会遇到性能限制。
最多支持拼接多少张图片？
理论上没有硬性上限，但受限于浏览器内存和 Canvas 尺寸限制，建议单次不超过 20-30 张。每张图片在处理时会被加载到内存中作为 Image 对象，大量高分辨率图片同时存在可能导致浏览器卡顿甚至崩溃。如果确实需要拼接大量图片，建议分批处理（如每次 10 张），然后再将结果二次拼接。另外，单张图片大小限制为 10MB，超出此范围的图片请先压缩后再上传。
拼接出来的文件太大怎么办？
PNG 格式是无损压缩，文件大小与像素总数成正比——拼接的图片越多、分辨率越高，文件就越大。几个优化思路：（1）如果不需要透明背景，可以考虑导出后转换为 JPG 格式（文件量可缩小 50-80%）；（2）在上传前先对每张原图进行适度压缩（如本站的图片压缩工具）；（3）减少不必要的图片数量——问自己「这张图真的有必要放进去吗？」；（4）降低原图分辨率——对于网页用途，单张图 1920px 宽度已经足够。
和 Photoshop 的拼接功能相比有什么优劣？
优势：无需安装软件、打开即用、处理速度快（本地计算不上传服务器）、完全免费无水印。劣势：不支持图层编辑（无法在拼接后单独调整某张图的位置/大小）、不支持智能对齐（如人脸识别对齐）、没有滤镜和调色功能、不支持 PSD 格式导出。简单来说，如果你只是需要「把几张图排在一起然后保存」，本工具足够；如果你需要精细的排版和后期处理，Photoshop 或 Figma 更合适。两者并非替代关系，而是互补关系。
可以做 Instagram 九宫格切图吗？
本工具的定位是「多图合一」（拼接），而九宫格切图是「一图拆分」，两者的逻辑正好相反。不过你可以通过逆向思维实现类似效果：先用其他工具将大图切成 9 张小图，然后用本工具的 3×3 网格模式将它们重新拼接起来预览整体效果。或者反过来——如果你想验证九宫格切图的正确性，可以将切好的 9 张图用网格模式拼接回原图进行比对。未来版本可能会直接加入切图功能，敬请期待。
图片顺序可以调整吗？
当前版本的图片顺序由上传顺序决定——先上传的排在前面，后上传的排在后面。如果你发现顺序不对，有两种解决方法：（1）清空后重新按正确顺序上传；（2）在文件选择对话框中利用 Ctrl/Cmd + 点击多选时注意点击顺序。虽然目前不支持拖拽排序，但这个功能已在规划中。作为临时方案，你也可以通过文件名前缀编号来辅助管理顺序（如 `01_封面.jpg`、`02_详情.jpg`）。