把多张截图拼成长图:方向、基准宽度和那条画布上限
一整个需要滚动的页面、一段聊天记录、一张"前后对比"——这些需求的结尾都是"我得把这些图合成一张"。长图拼接 在浏览器里就能做,而那几个看起来很少的控件,藏的东西比看上去多。
至少两张,格式则来者不拒
图片不足两张时工具会直接拒绝。一张图不叫拼接,那是缩放或转格式的活。
输入接受任何浏览器能解码的图(JPG、PNG、WebP、BMP、GIF),非图片文件被静默过滤。而无论输入是什么组合,输出只有 PNG 与 JPG 两种。动图 GIF 只贡献一帧——跟所有基于画布的重编码一样。
方向决定哪一个尺寸被统一
- 竖拼 —— 图片从上到下排。被统一的是宽度,每张保持自己的比例,于是各自得到不同的高度。
- 横拼 —— 图片左右排列。被统一的是高度,宽度各异。
这个不对称解释了最常见的意外:把三张宽度不同的截图竖着拼,它们不会"看起来对齐"——三张都被强行统一到同一个宽度,窄的那张绝对尺寸随之变小,里面的字也就跟着变小。解法是让源图保持一致:同一台设备、同一个窗口宽度、同一个缩放级别。
基准:第一张 / 最小 / 最大
"基准"决定用哪张图的尺寸作为统一值:
- 第一张 —— 以列表顶部那张为准。最可预测,源图本就一致时首选。
- 最小 —— 全部缩到最小的那张。这是最忠实的选项,因为没有任何图会被放大;代价是成品受限于你最窄的输入。
- 最大 —— 每张都被放大到最大那张的固定边。放大不会凭空产生细节,小图里的文字会发虚。只在各图尺寸接近、又确实想要更大的成品时用。
缩放系数范围是 10% 到 100%,只能往下。顶到 100% 也不能超过基准尺寸——这个滑块只会缩小。想让成品更大,该改的是基准而不是它。
顺序也可以调:在列表里拖动条目即可重排,合成结果会跟着刷新。
间距与背景
间距(0–50 px)只加在图片之间——n 张图产生 n−1 道缝,四周不会有留白。要无缝长图就设 0;对比图 10–20 px 读起来更舒服。
背景色与它的透明度决定缝隙被填成什么:
- PNG 且透明度 > 0 —— 缝隙和各图内部的透明区都取你选的颜色。
- PNG 且透明度 = 0 —— 根本不画背景,于是缝隙是真透明,每张图自带的 alpha 也原样保留。这是得到透明成品的唯一路径。
- JPG —— 不可能透明,所以选 JPG 会把透明度强制改回 100%,滑块也会跟着跳回去。此时每一道缝都被填成不透明的底色。
JPG 输出的编码质量固定在 0.92,界面没有提供调节。带文字的截图默认走 PNG 更稳妥;成品是照片、又在意体积时才转 JPG——那之后的取舍见图片压缩怎么做才不变糊。
两条画布天花板
浏览器对画布尺寸有上限,工具会在落笔前检查:
- 单边不超过 65,535 像素。
- 总像素不超过 160,000,000。
越过任何一条,你会看到一条写明限制数值和当前尺寸的警告,并且不会生成新的合成结果。这正是整页长截图做不动的原因:12 张 1440 × 900 竖着拼,高度就已累计到约 1570 万像素;换成 4K 输入更是几倍地翻。
撞上限时,按有效性从高到低试:调低缩放、基准改最小、把这套图分成两次拼、或者去掉内容重叠的那几张。
一个要提醒的坑:警告出现时,上一次的合成结果仍然显示在页面上,也仍可下载。如果你正在改参数,下载前请确认预览确实是你要的那一版——文件名永远只有 stitched.png 或 stitched.jpg,看不出任何区别。
预览不等于成品
预览会被缩小后放进面板,底下铺着棋盘格以显示透明。下载的文件是完整尺寸。 要判断文字是否清楚,请把成品打开并放大到 100%——预览用来看构图,不是用来看锐度的。旁边还会给出总宽、总高、图片张数和成品体积,这是核对一张长图是否合理最快的办法。
什么时候拼接是错的路
- 内容有重叠。 这里没有混合或去重步骤,重叠部分会出现两遍。
- 各图比例不同。 logo 会在每一道接缝处跳一次大小。
- 极长的页面。 画布上限使整页截取并不合适——分段截,或者干脆输出成 PDF。
- 需要精确排版。 缝隙、对齐、裁切都由"统一边"这条规则决定,不由你决定。这类活该交给画图软件。
隐私
图片读进页面后在标签页内合成,不上传、不需要账号,产出的是一个本地文件直接下载。页面和站内其他页一样会加载统计与广告脚本,但你的图片数据不会外发。
相关指南
- 图片格式互转:转成 PNG / JPEG / WebP 时到底发生了什么 — 合成之后要不要再编码一次
- 图片压缩怎么做才不变糊:质量、宽度与反效果 — 长 PNG 往往很重,先降宽度
- 批量缩放与格式转换,先弄清这几点 — 让一堆独立文件输出统一