工具与笔记
工具与笔记

图片拼接

多张图片按纵向、横向或网格拼成一张,间距和宽度都能调。全部处理在当前浏览器内完成,图片不会离开你的设备。

  • jpg, jpeg, png, webp, bmp
  • 免注册
  • 批量处理
拖拽图片到这里,或点击选择文件 支持 jpg, jpeg, png, webp, bmp
单次最多 30 张 · 合计不超过 300 MB · 单张最大 50MB
待处理队列
已加载 0 项

还没有选择文件

拼接方向
拼接方向

聊天记录、网页截屏选纵向;产品多角度对比选横向;素材汇总选网格。

px

填 0 是无缝拼接。需要明显分隔感时给 8–20。

px

成品四周的留白。给截图加边距会让它看起来更像一张完整卡片。

#FFFFFF

间距与外边距区域的颜色。深色截图配深色底更协调。

px

填 0 按最宽的那张图对齐。纵向拼接时建议指定统一宽度,否则宽窄不一的图会歪。

图片宽度不一致时,决定较窄的图靠哪边放。

标注序号
标注序号

做步骤图或素材清单时打开,便于引用「第 3 张」。

就绪

处理结果

尚未开始

    处理完成后,结果会显示在这里。

    图片拼接能做什么

    • 纵向拼长图:把多张截图无缝拼成一张,适合聊天记录、文档片段、网页截屏
    • 横向拼接:多个产品角度或前后对比并排展示
    • 网格拼图:按每行 N 张自动换行排列,做素材总览很方便
    • 统一宽度与对齐:宽度不一致的图也能拼得整齐,不会歪斜
    • 自定义间距与底色:可以无缝,也可以留出呼吸感

    参数怎么调

    下表列出该工具的全部可调参数与建议取值。不确定时保持默认值即可,默认值是多数场景下的稳妥选择。

    图片拼接参数说明
    参数 可选值 默认 说明
    拼接方向 纵向(长图) / 横向 / 网格 vertical 聊天记录、网页截屏选纵向;产品多角度对比选横向;素材汇总选网格。
    每行数量 1 – 10 3 网格模式下每行放几张。九宫格填 3。
    图片间距 0 – 200px 0px 填 0 是无缝拼接。需要明显分隔感时给 8–20。
    外边距 0 – 200px 0px 成品四周的留白。给截图加边距会让它看起来更像一张完整卡片。
    画布底色 任意颜色 #FFFFFF 间距与外边距区域的颜色。深色截图配深色底更协调。
    输出宽度 0 – 8000px 0px 填 0 按最宽的那张图对齐。纵向拼接时建议指定统一宽度,否则宽窄不一的图会歪。
    对齐方式 居中 / 左对齐 / 右对齐 center 图片宽度不一致时,决定较窄的图靠哪边放。
    标注序号 不标注 / 左上角标序号 0 做步骤图或素材清单时打开,便于引用「第 3 张」。

    适用场景

    • 把十几张聊天截图拼成一张长图,方便存档或转发
    • 把产品多角度照片并排拼成一张对比图
    • 把一段长网页的多次截屏拼回完整页面
    • 整理素材时把多张小图拼成一张总览图

    常见问题

    拼出来的长图太长,会不会有限制?

    浏览器的画布有尺寸上限(各浏览器不同,通常单边 16000–32767 像素)。拼十几张手机截图一般没问题,但如果拼的是几十张高清图,建议分批拼接,或先统一缩小尺寸再拼。

    为什么拼接后图片宽窄不一、看起来歪?

    各张原图宽度不同且没有指定统一宽度时,就会各按各的宽。指定「输出宽度」后,工具会把每张图按该宽度等比缩放再拼,边缘自然对齐。

    拼接会降低画质吗?

    拼接本身不降画质。只有在指定了比原图更小的输出宽度时才会重新采样,或导出时选了低质量的有损格式,才会有损失。