piapia123
zh

长图拼接与拼图

图像

所有处理都在浏览器本地完成,数据不上传服务器

把图片拖到这里,或点击选择

也可以按 Ctrl/⌘ + V 粘贴截图

PNG / JPEG / WebP / GIF / BMP / AVIF · 单张不超过 30 MB

把多张图拼成一张。三种排法覆盖三类需求:竖向拼接用于把连续截图接成一张长图(宽度本来就一样时选 `0` 空隙就是无缝的,看起来仍是一整张);横向并排用于前后对比;宫格用于四宫格、九宫格那种排版。有两件事这个工具替你处理了 —— 选「统一宽度」时目标取最窄的那张,因为放大小图会糊、而缩小大图不会(这条在拼不同相机的照片时很关键);以及画布尺寸在动笔之前就算好了,超过浏览器上限时直接告诉你,而不是给你一张全透明的空白图(撞上限时 canvas 会静默失败,那种问题很难查)。全部在本机内存里完成,图片不会上传。

功能

  • 三种排法:竖向长图、横向并排、宫格拼图
  • 宫格列数可指定,也可以按张数自动开方
  • 空隙 0 到 64 像素可调,0 就是无缝长图
  • 统一宽度/高度按最窄的算,只缩不放,不会拉糊
  • 每张图可选圆角,底色可选透明、白、黑、米白
  • 输出 PNG、WebP 或 JPEG,透明底在 JPEG 下自动改铺白底并说明
  • 画布超过浏览器上限时提前报错,不会给一张空白图
  • 可拖放、点击选择(可多选)或直接粘贴截图,图片不上传

使用方法

  1. 把多张图一起拖进来(或点选择,可按住 Ctrl / ⌘ 多选)
  2. 选排法:长图选「竖向」、对比选「横向」、宫格选「宫格」
  3. 需要无缝就把空隙调到 0;大小不一时保持「统一宽度」
  4. 结果出现后点「下载」,或右键预览图另存

常见问题

拼出来的长图为什么比预想的高?
多半是空隙没调成 0。默认值是按「拼图」的观感定的,用于长图拼接时请把空隙设为 0 —— 那样图与图之间不会有任何空白,接缝处的像素是直接相邻的。另外注意「统一宽度」会在缩放后改变每张的高度(等比缩放,宽度变窄高度也会变矮),总高度因此与你手算的可能略有出入。
几张图宽度不一样,选统一宽度会把我小的那张拉大吗?
不会。目标宽度取所有图里最窄的那张,所以只会把大的缩小,小图保持原样。反过来的做法(按最宽的放大)会让小图糊成一片马赛克,而这是拼图工具最常见的失望点。如果你确实需要放大,请先把小图单独用「图片格式转换」放大到目标尺寸再来拼。
一次最多能拼几张?
取决于尺寸而不是张数。浏览器的画布单边上限是 16384 像素、总面积约 6400 万像素,超过就会失败 —— 所以十张 4K 截图竖向拼起来肯定超,而二十张手机截图通常没问题。工具会在处理前算一遍,超了会告诉你超在哪里,并建议开启统一宽度或调小空隙。
图片会上传吗?
不会。拼接用浏览器自己的 canvas 完成,全部在本机内存里,图片不会离开这台设备,断网也能用。这一点对截图特别重要 —— 截图里常常带着聊天记录、订单号或客户名字。

相关工具