长图拼接使用指南:把多张截图拼成一张长图
把多张截图拼成一张长图,难点不在拼接按钮,而在顺序、宽度统一和画布上限;这三点没处理好,导出就会错位或失败。
什么时候需要拼长图
手机滚动截屏常常被拆成多张,尤其是聊天记录、长网页和商品详情;想一次性发给别人或存档,就需要纵向拼回去。步骤图、教程和图解也适合纵向排列,读者按顺序往下看,比来回切换图片更连贯。
横向拼接更适合对比:改造前后的房间、两款产品的正面、同一段文字的不同翻译。电商详情页则常把多角度商品图纵向排成一张长图。只要内容需要「连续阅读」或「并排比较」,拼接就比单张发送更合适。
拼接时怎么避免错位和失败
先确定顺序。多数工具按你选择文件的顺序排列,而不是按文件名自动排序,所以选之前把文件重命名成 01、02 更稳。纵向拼接时,宽度不一致的图片通常会被等比缩放到同一宽度,留白处用背景色填充;想让接缝看不出来,背景色要和图片边缘接近。
长图最容易出问题的地方是画布高度。图片越多、输出宽度越大,总像素越高,超过浏览器 canvas 上限时会导出失败或下半截空白。遇到这种情况,降低输出宽度、减少单次拼接张数,或分成上下两段分别导出,通常就能解决。
- 先按 01、02 重命名,避免顺序错乱
- 统一宽度并选接近边缘的背景色
- 太长就分段拼,别硬撑一张
替代方案与什么时候不该拼
如果每张图都需要单独加标题、边框、箭头或不同间距,拼接工具就不合适,它通常只有全局间距和背景色。这类排版应该用设计软件或文档工具;需要保留每一页独立性的内容,用 PDF 也比一张超长 JPG 更合适。
拼接会重采样宽度不一致的图片,也可能把透明区域填成背景色,对画质有要求的素材要谨慎。网页上也不建议用一张巨长图代替多张图,既不利于加载,也不利于无障碍阅读;长图更适合社交分享和存档,而不是正式网页排版。
常见问题
长图拼接的顺序怎么调整?
通常按选择或拖入文件的顺序排列,添加后不能拖动排序。顺序错了就刷新页面,按想要的顺序重新选;更稳妥的做法是先把文件名改成 01、02、03,再按文件名顺序多选,减少出错。
不同宽度的图片拼在一起会变形吗?
一般不会拉伸,而是等比缩放到统一宽度,空出的部分用背景色填充。纵向拼接常以第一张图的宽度为基准,横向拼接则以第一张的高度为基准;想控制结果,可以手动填写输出宽度。
拼接后下半截空白或导出失败怎么办?
多半是总像素超过了浏览器 canvas 的限制。可以调小输出宽度、减少一次拼接的图片数量,或分成两三段分别导出再处理;同时关掉占用内存较多的标签页,手机浏览器尤其要注意。
相关工具:长图拼接