截图拼接

截图拼接是将多张截图合并为一张图片。最常见的情况是纵向拼接：在滚动页面或列表时逐屏截取，再按顺序拼接各部分。横向拼接则将截图并排放置，例如两个应用状态或一张宽表格。

拼接适用于任何可以滚动并截取的内容，包括原生应用、聊天记录和文档查看器。结果是一张又高又长或又宽的图片，可以作为单个文件进行审阅、标注或转换为 PDF。

拼接的工作方式

1. 截取第一屏。
2. 滚动的距离小于一屏高度，使相邻截图存在重叠。
3. 重复执行，直到内容末尾。
4. 找出相邻两张截图中共同出现的像素行，并在该位置拼接图片。

简单拼接会将图片首尾相接，不做匹配。感知重叠的拼接会避免出现重复或缺失的行。

拼接与原生整页截图

浏览器可以在不滚动的情况下将整个网页渲染为一张图片，Playwright 和 Puppeteer 的整页选项即是如此。这种方式不会产生接缝，但只适用于网页，并且可能破坏依赖视口高度的布局。拼接适用于任何场景，但依赖于干净的重叠区域和稳定的内容。

拼接的使用场景

• 长网页、聊天记录和信息流。
• 宽于屏幕的电子表格和表格。
• 包含多个分区的设置面板和表单。
• 并排展示的改版前后对比图。

常见错误

• 固定标题栏和悬浮按钮在每一段中重复出现。
• 动画或懒加载图片在两次截取之间发生变化，破坏重叠区域。
• 滚动距离超过一屏，导致出现空白缝隙。
• 生成的图片过高，部分查看器会将其大幅缩小。

反复截取相同画面？

对于 Chrome 中的网页，Temposhot 的 Chrome 扩展程序会滚动当前页面，在本地以 Retina 分辨率拼接各视口，并下载一张 PNG 图片。对于多个 URL，Website Capture 的 Full page 区域可在一次运行中处理整个列表，无需手动滚动。

常见问题

如何拼接已有的截图？

在Stitch Screenshots中打开截图，设置顺序，然后下载一张图片。

拼接后的图片画质会下降吗？

不会。像素来自原始截图。只有在结果图被缩放或保存为低质量 JPEG 时，画质才会下降。

来源

• 维基百科：图像拼接

相关资源

• 截图拼接工具：在浏览器中合并图片。
• 图片分割工具：将长图切分为多页。
• Website Capture 选项：Viewport 和 Full page 区域。