图片拼接

多张图片合成一张,浏览器本地处理,无需上传服务器

已选择 0 基准

合并预览

调整图片顺序或参数后,预览会自动更新

输出尺寸
暂无拼接预览 上传至少 2 张图片后自动生成预览
图片拼接预览
图片顺序 拖动图片即可调整拼接顺序
第一张图片作为基准尺寸
上传图片后将在这里显示
输出 下载前选择格式与画质

图片拼接工具有什么特点?

简单、快速,常用的图片拼接需求直接在浏览器完成。

左右并排 / 上下叠加

支持两种常用拼接方式。左右并排适合对比图、前后对比图等场景; 上下叠加适合聊天截图、网页截图和长图拼接。

浏览器本地处理

图片通过浏览器本地读取和 Canvas 处理,不需要把原始图片上传到服务器, 更适合处理截图、资料图片等内容。

拖动即可调整顺序

上传多张图片后,可以直接拖动缩略图调整顺序, 第一张图片作为拼接时的基准尺寸。

间距、留白与背景色

可以设置图片之间的间距、画布外围留白以及留白区域的背景颜色, 方便制作更整齐的长图。

图片拼接怎么用?

按照下面几个步骤即可完成图片合并。

01

上传图片

点击上传区域选择图片,也可以直接将多张图片拖入上传区域。

02

调整顺序

在图片缩略图区域拖动图片,可以改变最终拼接时的排列顺序。

03

选择排列方式

选择“左右并排”或“上下叠加”,工具会自动重新生成预览。

04

调整拼接参数

根据需要设置图片间距、外间距留白和背景颜色。

05

选择输出格式

可以选择 JPG、PNG 或 WEBP,并调整输出画质。

06

合并并下载

确认预览效果后点击“合并并下载”,即可保存最终图片。

参数应该怎么设置?

不同使用场景可以选择不同的拼接参数。

参数 作用 常见使用场景
左右并排 将图片从左到右排列 对比图、Before / After、两张图片横向展示
上下叠加 将图片从上到下排列 聊天截图、网页截图、教程截图、长图
图片间距 控制相邻图片之间的距离 希望图片之间保留明显空白时使用
外间距留白 控制图片与最终画布边缘之间的距离 制作带边距的图片或长图
背景颜色 设置间距及外围留白区域的颜色 白底、黑底或与图片整体风格匹配的背景

图片拼接常见问题

这里整理了使用过程中最常见的几个问题。

怎么把两张图片合成一张?
上传两张或更多图片,然后选择“左右并排”或“上下叠加”。 工具会自动生成拼接预览,确认效果后点击“合并并下载”即可。
可以一次拼接多张图片吗?
可以。上传区域支持一次选择多张图片,也可以分批拖入图片。 上传完成后,可以通过缩略图拖动调整最终拼接顺序。
图片顺序可以调整吗?
可以。上传图片后,在下方缩略图区域直接拖动图片即可调整顺序。 排在第一位的图片会作为拼接时的基准尺寸。
左右并排和上下叠加有什么区别?
“左右并排”会让图片从左到右排列,更适合对比图; “上下叠加”会让图片从上到下排列,更适合截图和长图。
不同尺寸的图片可以一起拼接吗?
可以。工具会根据第一张图片的尺寸作为基准, 对后续图片进行等比例缩放,再按照选择的方向进行拼接。
JPG、PNG 和 WEBP 都可以输出吗?
可以。输出格式支持 JPG、PNG 和 WEBP。 其中 JPG、WEBP 可以根据画质设置调整压缩质量。
图片会上传到服务器吗?
当前拼接过程在浏览器本地完成,图片通过浏览器读取后使用 Canvas 进行处理, 不需要将原始图片上传到服务器。
为什么至少需要两张图片?
这个页面定位为图片拼接工具,因此需要至少两张图片才能执行拼接操作。
图片间距和外间距有什么区别?
图片间距是图片与图片之间的距离; 外间距是图片内容与最终画布边缘之间的留白。 两者可以分别设置。
合并后图片保存在哪里?
点击“合并并下载”后,浏览器会直接生成最终图片并触发下载, 文件通常会保存到浏览器默认的下载目录。
图片拼接在浏览器本地完成,页面不会主动上传你的原始图片。