猫工具站
帮助中心 猫Blog 关于我们 广告合作 EN

把多张截图拼成长图:方向、基准宽度和那条画布上限

图片更新于 2026-09-29

一整个需要滚动的页面、一段聊天记录、一张"前后对比"——这些需求的结尾都是"我得把这些图合成一张"。长图拼接 在浏览器里就能做,而那几个看起来很少的控件,藏的东西比看上去多。

至少两张,格式则来者不拒

图片不足两张时工具会直接拒绝。一张图不叫拼接,那是缩放或转格式的活。

输入接受任何浏览器能解码的图(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。
  • 需要精确排版。 缝隙、对齐、裁切都由"统一边"这条规则决定,不由你决定。这类活该交给画图软件。

隐私

图片读进页面后在标签页内合成,不上传、不需要账号,产出的是一个本地文件直接下载。页面和站内其他页一样会加载统计与广告脚本,但你的图片数据不会外发。

相关指南

本指南用到的工具

广告