拼接图片

按源文件顺序把多张已验证的本地图片适配到相同的可配置单元格中,沿水平或垂直方向排列,并在明确输出像素限制内导出一张扁平 PNG。

适用场景

适合制作长截图分段、前后对比条、漫画格、扫描碎片、收据或其他适合统一单元格尺寸和同一背景的简单图片序列。

本地处理原理

浏览器解码每张图片,根据所选单元格宽高、间距和外边距分配一个受限 RGBA 画布,再按顺序放置源图。“完整显示”会缩放整张图片以适配单元格,并可能露出所选背景;“填满单元格”会缩放并裁切边缘。合成结果编码为 PNG。

使用方法

  1. 准备:拼接图片: 请使用副本,并确认源图顺序、水平或垂直方向、单元格宽高、完整显示或填满裁切、间距、外边距、透明或纯色背景、计算后的输出尺寸、总像素、内存和 PNG 字节数。保持所有源文件不变。
  2. 执行:拼接图片: 仅在当前浏览器中处理。浏览器解码每张图片,根据所选单元格宽高、间距和外边距分配一个受限 RGBA 画布,再按顺序放置源图。“完整显示”会缩放整张图片以适配单元格,并可能露出所选背景;“填满单元格”会缩放并裁切边缘。合成结果编码为 PNG。
  3. 下载并验证: 使用新文件名保存。确认源图顺序和计算后的输出尺寸,逐个检查单元格中“完整显示”留下的背景或“填满单元格”裁掉的边缘,并以 100% 检查间距、外边距、接缝、透明度和颜色;保留原图,因为无法把扁平 PNG 无损拆回各源文件。

重要限制

所有输入都会变为单一栅格图层。动画、矢量、可编辑图层、源元数据、色彩配置意图、原容器和独立文件不会保留;浏览器解码可能影响颜色,超长画布会在分配前被拒绝。

验证下载结果

确认源图顺序和计算后的输出尺寸,逐个检查单元格中“完整显示”留下的背景或“填满单元格”裁掉的边缘,并以 100% 检查间距、外边距、接缝、透明度和颜色;保留原图,因为无法把扁平 PNG 无损拆回各源文件。

隐私优先

文件只在当前浏览器中处理,源文件和结果不会上传到我们的服务器。

常见问题

什么时候适合使用拼接图片?

适合制作长截图分段、前后对比条、漫画格、扫描碎片、收据或其他适合统一单元格尺寸和同一背景的简单图片序列。

拼接图片是怎样处理的?

浏览器解码每张图片,根据所选单元格宽高、间距和外边距分配一个受限 RGBA 画布,再按顺序放置源图。“完整显示”会缩放整张图片以适配单元格,并可能露出所选背景;“填满单元格”会缩放并裁切边缘。合成结果编码为 PNG。

哪些限制需要特别注意?

源图顺序、水平或垂直方向、单元格宽高、完整显示或填满裁切、间距、外边距、透明或纯色背景、计算后的输出尺寸、总像素、内存和 PNG 字节数. 所有输入都会变为单一栅格图层。动画、矢量、可编辑图层、源元数据、色彩配置意图、原容器和独立文件不会保留;浏览器解码可能影响颜色,超长画布会在分配前被拒绝。

怎样验证处理结果?

确认源图顺序和计算后的输出尺寸,逐个检查单元格中“完整显示”留下的背景或“填满单元格”裁掉的边缘,并以 100% 检查间距、外边距、接缝、透明度和颜色;保留原图,因为无法把扁平 PNG 无损拆回各源文件。

相关工具