长图拼接怎么做:截图留 20% 重叠,别撞上 32767px 上限
长图拼接的需求特别集中:一段聊天记录、一篇长网页、一张超长的订单详情,手机一屏截不完,只能分段截。拼成一张的目的不是好看,是让对方不用来回翻十几张图。
但拼出来常见三种毛病:接缝处重复了一行字、图片宽度不齐导致两侧留白、拼完 8MB 发不出去。这篇按"截图时怎么截 → 工具怎么拼 → 接缝怎么检查 → 体积怎么收"四段讲,最后给一个很多人不知道的上限:浏览器最多只能输出 32767px 高。
第一步:截图时就决定了成败
拼接工具的原理是找相邻两张图重复的那一段,把重复部分去掉。所以截图时必须留下"可匹配的证据":
- 每张保留 20%~30% 重叠:重叠太少,工具找不到对齐点,只能手动调;
- 只往一个方向滚:别上下反复,顺序乱了要重排;
- 保持宽度、缩放、字体、横竖屏一致:中途转屏或改缩放,拼出来会一边宽一边窄;
- 先关掉键盘、悬浮球、通知横幅:这些会遮住正文,也会成为"重复内容"干扰匹配;
- 等页面稳定再截:视频、轮播图、懒加载卡片在变,两屏之间对不上。
第一条是关键。很多人"每屏刚好不重叠"地截图,看着很省事,结果工具完全无法自动对齐——因为没有一行像素是重复的。重叠不是浪费,是对齐的依据。
第二步:选对齐方式
| 情况 | 选择 | 说明 |
|---|---|---|
| 截图宽度一致(同一台手机连截) | 左对齐 / 居中 | 结果一样,直接拼 |
| 宽度不一致(不同设备、转屏) | 先统一宽度再拼 | 否则窄图两侧留白,参差不齐 |
| 中间有固定头尾(状态栏、输入框) | 裁掉再拼 | 多数工具能自动识别重复头尾 |
| 横向内容(宽表格、对比图) | 横向拼接 | 把方向改成左右 |
第二行是最常见的翻车点:竖拼看宽度,横拼看高度。宽度不统一时,正确做法是先把所有图缩放到同一宽度再拼,而不是让工具"居中留白"——留白拼出来像补丁,一眼就看得出。
第三步:接缝必须检查三个位置
自动拼接不是 100% 可靠。工具通常会给每个接缝一个"可信度",低可信度的会标黄或标红,必须人工看。检查顺序:
- 最上面一处接缝:确认顶部内容没有被重复或漏掉;
- 中间随机两处:看有没有重复的一行字、断裂的图片;
- 最下面一处:确认结尾完整,没有被切掉半行。
容易出错的内容有两类:大段纯色背景(没有任何可匹配的特征,工具只能猜)和重复度高的列表(每行长得差不多,容易对错行)。遇到这两类,把重叠量调大再试,或者直接手动拖接缝。
顺便处理隐私
聊天记录里常有头像、昵称、手机号、地址。拼接前或拼接后先打码再发,顺序上建议先拼再打码(一次处理完),但要注意打码不要只盖一半。方法和强度见图片马赛克怎么打。
第四步:注意那个 32767px 的天花板
浏览器用 canvas 渲染拼接结果,而 canvas 的高度上限通常是 32767 像素。超过之后,大多数工具会等比缩小整张图来塞进上限——你看到的是"拼成功了",但文字已经变糊。
粗算一下就知道多容易撞线:
| 单张截图高度 | 去掉重叠后每张贡献 | 约几张会到 32767px |
|---|---|---|
| 2532px(iPhone 常见) | 约 1800px | 约 18 张 |
| 2400px(安卓常见) | 约 1700px | 约 19 张 |
| 1600px(截取局部) | 约 1200px | 约 27 张 |
也就是说,拼到 18~20 张就该考虑拆成两张了。判断标准很简单:如果预览里的小字开始发虚,说明已经被缩过,回头拆图比事后补救省事。另外,很多平台对超长图也会自动缩小展示,点开才能看清——拼得太长,对方反而看得更累。
第五步:拼完的体积
拼接本身不压缩,10 张高清截图拼起来轻松 5~10MB。微信发原图会失败,邮件也可能被拒。
| 用途 | 建议 |
|---|---|
| 微信 / 聊天发送 | 压到 2MB 内,或长边限制在 2000px 内 |
| 论坛 / 网页嵌入 | 宽度 800~1200px,体积 500KB 内 |
| 留档 / 打印 | 保持 PNG 原尺寸,不压 |
压缩时注意:长图优先降宽度,不要降质量。长图的文字本来就小,质量一降就糊;宽度降一半,体积能掉 70% 以上,字反而更清楚(因为不会被平台二次缩放)。压缩参数见压缩到 200KB。
几个常见问题
长图拼接和手机"滚动截图"有什么区别?
滚动截图是截的时候自动往下滚,一次生成;长图拼接是手动截多张再合。前者快,但很多 App 不支持;后者通用,任何内容都能拼。手机自带的长截图功能怎么做见手机长截图怎么截。
拼图和长图拼接是一回事吗?
不是。长图是一张纵向连续的图,强调阅读顺序;拼图是多张按网格排列,强调版面。发朋友圈九宫格用拼图,发聊天记录用长图,两者的对齐逻辑完全不同,网格排版的思路见图片拼图怎么拼。
两张图完全没重叠,还能拼吗?
能,但要手动定接缝:告诉工具"第一张保留多少、第二张从哪开始"。没有重叠就没有自动对齐的依据,只能靠眼睛。所以还是那句话:下次截图时多留一点重叠。
拼完的文字变糊了,是工具的问题吗?
多数不是。三个可能:一是导出成了 JPG(JPG 对文字不友好,细笔画会被压缩吃掉),二是长图超过上限被缩小了,三是拼接后又压缩过。对应办法:导出 PNG、拆短、别二次压缩。
能拼横向的宽图吗?
能。横向拼接用于宽表格、对比图、全景。判断方向只看内容怎么读:上下读用竖拼,左右看用横拼。横向拼接同样要统一高度,不然一边高一边低。
小结
长图拼接的四条铁律:截图留 20%~30% 重叠、竖拼统一宽度、接缝查上中下三处、20 张以内。导出用 PNG(文字更锐),发之前压宽度而不是压质量。做到这些,拼出来的长图就是"一张完整的图",而不是"一堆截图摞在一起"。