写 PRD、做竞品分析、写测评文章时经常要把两张截图拼一起左边旧版右边新版或上面问题下面答案。开 PS 太重画图工具排版又慢。浏览器里可以左右拼、上下拼、多图宫格、叠水印。本文讲最常用的拼接场景和步骤。一、三种拼接需求1左右 / 上下拼两张图对照适合 before/after、竞品对比。2宫格组合三四张图排成网格适合活动晒图、功能罗列。3叠图一张底图上加标注、水印或半透明覆盖层。下面分工具说明。二、两张图左右或上下拼打开 合并图片上传两张图选横向或纵向调间距与对齐预览后下载。写文档时建议两张截图宽度对齐阅读体验更好中间留 816px 白缝打印时也不粘在一起导出 PNG 保留 UI 锐度发邮件可再转 JPG 压体积若两张图比例差很多先各自 改尺寸 到相同宽度再拼。三、多图宫格排版三四张以上用 图片组合 / 宫格选 2×2、3×3 等模板拖入图片位置。适合运营海报草稿、功能点四宫格。正式印刷仍建议 Figma/PS快速文档够用。四、叠图与水印要在截图上叠 Logo、箭头说明用 图片叠加调整上层透明度与位置。两张 PNG 都有透明区域时用 合并 PNG 保留 Alpha适合图标、贴纸合成。五、常见问题5.1 PNG 透明拼接会铺白底吗左右拼接工具通常给透明区铺白或棋盘格预览要保留透明通道选 PNG 合并类工具并确认导出格式为 PNG。5.2 拼完太大发不出去拼好后 压缩图片 或转 JPG。文档内展示宽度 1200px 往往足够不必保留 4K 原拼接。5.3 两张图颜色不一致截图前统一系统主题都浅色或都深色拼完后整体调亮度比单张硬拼自然。5.4 竖图拼横图怎么好看短边对齐或中间加标题条说明左右含义避免读者搞不清顺序。5.5 能拼 GIF 吗GIF 合并有专门工具如 GIF 合并与静态图合并不同别混用入口。六、在线工具任务链接两张图合并横/竖https://www.uwarp.design/merge-images?utm_sourcecsdnutm_mediumarticleutm_campaignimage-toolkit-cnutm_contentmerge-images多图宫格组合https://www.uwarp.design/combine-maker?utm_sourcecsdnutm_mediumarticleutm_campaignimage-toolkit-cnutm_contentmerge-images图片叠加https://www.uwarp.design/overlay-images?utm_sourcecsdnutm_mediumarticleutm_campaignimage-toolkit-cnutm_contentmerge-images合并 PNG保留透明https://www.uwarp.design/merge-png?utm_sourcecsdnutm_mediumarticleutm_campaignimage-toolkit-cnutm_contentmerge-images对比图、PRD 附图先对齐尺寸再拼最后按需压缩比开 PS 快得多。完