本地处理的图片合并与截图拼接工具

图片拼接 纵向合成长图或横向并排

用图片拼接把问题截图、操作步骤、处理前后效果或像素画参考图整理成一张清晰 PNG。不同尺寸图片始终等比例缩放,绝不直接拉伸。

支持补充、删除、裁边和拖动排序 JPG、PNG、WebP、GIF;所有图片处理都在当前浏览器标签页完成。

带完整尺寸预览的图片拼接工具

选择纵向拼接或横向拼接,拖动调整图片顺序,统一宽度或高度,再设置间距、背景、边距和导出尺寸。

图片拼接预览

请添加至少两张图片

布局、顺序、裁边、间距、背景和导出尺寸改变后,合并预览会立即更新。

图片数量
0
完整布局
—
PNG 输出
—
导出比例
—
格式
PNG

超长或超宽结果可能超过当前浏览器与设备的画布上限。自动导出尺寸会在必要时同时缩小宽高,不会只拉伸一个方向。 查看 MDN 的浏览器 Canvas 上限说明。

图片拼接适合这些实际工作

图片合并不只是照片拼图,也可以把证据、教程、对比结果和像素画参考按明确顺序整理到一个文件里。

把多张截图拼成长图

将报错过程、聊天片段或教程步骤从上到下排列。逐张裁掉无关工具栏,再根据边界选择小间距或零间距。

截图拼接
制作纵向长图

把两张图片左右拼接

横向并排处理前后效果、设计方案、产品细节或两个像素画版本。统一高度时保持原始宽高比,比较更直观。

左右并排
制作横向对比图

先遮盖和标注,再做图片拼接

先删除或遮住隐私内容,再添加箭头和步骤编号,最后只合并已经扁平化的安全截图。导出前用 100% 以上预览检查姓名、账号或密钥。

隐私工作流
先遮盖敏感信息

图片拼接:纵向长图与横向对比图

两种核心布局分别适合连续截图和并排比较,所有源图都保持比例,不会为了填满画布而变形。

纵向拼接截图,按阅读顺序整理长图

不同窗口截出的图片可以等比例统一宽度,再拖动到正确顺序。浏览器栏、重复导航或无关边缘需要手动裁掉;只有边界确实连续时才把间距设为零。本工具不会自动识别重叠区域。

三张源截图经过裁边后纵向合并为一张长图

横向合并图片,保持比例左右并排

选择等比例统一高度可获得整齐对比图,也可以保留原始尺寸并设置顶部、居中或底部对齐。竖图与横图无法填满同一矩形时,用背景颜色、外边距和图片间距自然留白。

竖版照片和横版照片保持比例并排放在带间距的画布上

如何把多张图片拼接成一张 PNG

按下面步骤完成图片拼接,同时控制顺序、清晰度、原始比例和浏览器画布上限。

01

添加图片并选择阅读方向

一次选择多张图片,之后还可以继续拖入或粘贴。需要从上到下阅读时选择纵向,需要同时比较时选择横向。

  • 拖动列表整行调整顺序
  • 不方便拖动时使用上下按钮
添加图片
02

裁掉无关边缘并统一一个尺寸

选中图片后分别裁掉顶部、右侧、底部或左侧的无关像素。纵向布局统一宽度,横向布局统一高度;缩放始终等比例,因此圆形不会变椭圆,截图文字也不会被压扁。

  • 恢复原图可重新显示所有边缘
  • 说明文字和序号默认都关闭
03

查看总尺寸并安全下载

查看最终宽高并放大预览,确认小字仍然清楚,再下载 PNG。如果目标画布超过浏览器上限,选择自动或更小比例,让宽高一起缩小。

  • 零间距不会自动删除重复内容
  • 文字很重要时请保留一份全尺寸原图

图片拼接常见问题

根据用户常搜的图片合并、横向拼接、纵向拼接、长图拼接和截图拼接问题整理。

怎么把两张图片合成一张并左右拼接?

添加至少两张图片,选择“横向拼接”,再拖动成从左到右的顺序。不同尺寸图片建议选“等比例统一高度”,然后调整间距、背景、外边距和顶部、居中或底部对齐,最后下载一张 PNG。

怎样把多张截图纵向拼接成长图?

选择“纵向拼接”,把列表调整为从上到下的阅读顺序。截图宽度不同时可等比例统一宽度;也可以保留原始像素尺寸,并选择左对齐、居中或右对齐。预览区会显示整张长图的总宽高。

这个截图拼接工具能自动生成无缝长截图吗?

不能。本工具不会分析多张截图中的重复行,也不会自动删除重叠内容。请逐张手动裁掉重复的导航栏、浏览器栏或截图区域,设置合适间距并检查每个接缝。普通堆叠不应该宣传成自动无缝长截图。

不同尺寸的图片合并时会不会被拉伸?

不会。统一宽度或高度只使用一个等比例缩放系数,宽高会同时变化;保持原始尺寸则完全不缩放。图片没有占满画布时,用对齐方式和背景色解决留白,不会把内容强行拉成同样形状。

图片拼接前可以单独裁掉每张截图的边缘吗?

可以。选中列表中的一张图片,输入从顶部、右侧、底部或左侧裁掉的原图像素数。裁边在当前会话中不会破坏原图,可随时修改数值或点击“恢复原图”,重新调整后再导出。

可以继续补充、删除图片并调整拼接顺序吗?

可以。随时通过文件选择、拖放或剪贴板补充图片,也可以单独删除某一张。拖动列表整行,或点击上移和下移按钮即可排序;预览会按当前顺序立即重新生成。

图片说明和顺序编号会自动添加吗?

不会。说明文字与序号默认关闭,导出结果只包含你选择的图片。步骤顺序需要强调时可主动开启编号;读者确实需要额外上下文时,再开启说明并为选中的图片填写简短文字。

长图太大,浏览器无法生成或下载怎么办?

Canvas 上限会随浏览器和设备变化。自动模式会估算安全范围,在完整布局过大时同时缩小宽高。如果手动选择的导出比例仍然超限,下载会暂停,并提示改用安全自动尺寸或更小比例。

在线图片拼接会把我的文件上传到服务器吗?

不会上传图片文件。解码、裁边、排序、预览和 PNG 导出都在当前浏览器标签页完成。网站整体仍使用广告和访问统计,因此这里的本地处理说明只针对图片处理流程。

图片合并和图片拼接有什么区别?支持哪些格式?

两种说法通常都指把多张图片变成一张。“图片拼接”更强调横向、纵向或长图的排列方式,“图片合并”范围更宽。工具可读取浏览器支持的 JPG、PNG、WebP 和 GIF,并下载 PNG;动态图 GIF 会按静态画面处理。

把多张图片合并成一张清晰结果

纵向整理教程和问题截图,或把处理前后效果横向并排。

保持每张图的宽高比,查看最终像素尺寸,画布过大时用安全比例导出。

支持手动裁边和对齐;暂不包含自动重叠识别与复杂拼图模板。