底图
![]()
拖入PNG、JPEG或WebP
MergeImage · 最后验证 2026-08-06
可以精细调整图层的本地图片叠加工具
这款图片叠加工具使用两个清晰图层：先选择决定画布的底图，再添加上层图片，然后拖动位置并调整缩放、旋转、透明度和混合模式。预览与导出都在浏览器本地完成，不需要把两张原图发送到图片处理服务器。
- 拖动与键盘精确定位
- 六种图层混合模式
- 本地导出PNG、JPEG或WebP
两个图层的隐私工作区
把一张图片放到另一张图片上两张原图只保留在当前浏览器标签页。
上层图片
![]()
拖入PNG、JPEG或WebP
请添加底图和上层图片。
指南
阅读实用指南
本页使用的一手资料与官方资料。
图片叠加 — 在浏览器本地完成图片合并图片合并可以在一个隐私优先的浏览器工作区完成。添加两张或更多图片，调整顺序并选择布局，无需注册、没有水印，也不用把原图传到服务器，就能预览并下载最终文件。图片叠加 — 支持三种视图的本地图片对比工具使用这款图片对比工具，可以并排查看两张图片、拖动滑块检查前后变化，或按阈值生成像素差异图。两张图会进入同一个比较画框，标签可修改，整个过程无需把原图上传到服务器。图片叠加 — 不会误删内容的长截图拼接长截图拼接可以把连续滚动截图做成一张清晰、可阅读的长图。工具会统一宽度，逐对检查重复行，只移除可信的重叠区域；如果判断不够可靠，就完整保留前后两张图片，避免悄悄删掉文字、价格或操作步骤。图片叠加 — 获得可靠结果的图片合并指南这份图片合并指南集中解答排序、布局、长截图重叠、输出格式和隐私处理等实际问题。资源列表只链接真实可用的工具、本页章节和已经发布的信任页面，不虚构文章、作者或日期。
01
不用复杂修图软件如何完成图片叠加
图片叠加 — 一张底图、一个可移动上层和可预测的导出结果
底图负责确定最终画布，上层图片会保持原比例、默认放在中央，并可以直接拖动。图片叠加适合放置Logo、签名、纹理、透明抠图、贴纸或商品细节，也可以使用方向键完成像素级位置微调。
图片叠加 — 透明度决定上层图片出现的强弱，缩放、旋转和水平或垂直翻转只作用于当前工作副本。正常模式把上层直接画在底图上；正片叠底、滤色、叠加、变暗与变亮则按照Canvas的不同合成规则处理重合像素。
图片叠加 — 页面预览和下载文件使用同一套位置与尺寸计算。过大的源文件可能会按当前设备的Canvas安全预算等比缩小，状态信息会明确提示。需要透明背景时选择PNG或WebP，照片常用JPEG，发布前还要确认目标平台的格式要求。
- 图片叠加 — Logo、签名和抠图优先使用透明PNG。
- 图片叠加 — 拖动后使用方向键精确调整上层位置。
- 图片叠加 — 在最终使用尺寸检查混合模式与文字清晰度。
- 图片叠加 — 导出会生成新文件，不会覆盖两张原图。
| 模式 | 像素表现 | 适合起点 |
|---|---|---|
| 图片叠加 — 正常 | 上层直接绘制在底图之上 | Logo与透明抠图 |
| 图片叠加 — 正片叠底 | 重合区域通常更暗 | 纸张、阴影与纹理 |
| 图片叠加 — 滤色 | 重合区域通常更亮 | 高光与灯光效果 |
| 图片叠加 — 叠加 | 结合正片叠底与滤色 | 增强对比和纹理 |
02
精确放置图片叠加的上层图层
图片叠加 — 先拖动，再使用缩放、旋转、翻转和键盘微调
图片叠加 — 商品展示可以把正面、侧面、细节和尺寸参照放进网格；客服报告可以把报错与复现步骤纵向排列；设计评审可以在相同背景和间距下横向比较不同方案。
03
图片叠加 — 让隐私图片保留在浏览器本地
图片叠加 — 本地File与Canvas API避免处理型上传
图片叠加 — 浏览器只读取用户明确选择的文件，解码兼容图片并在本地Canvas上生成结果。核心流程不需要账号、远程处理队列或付费API，发送给MergeImage服务器的原图数量为0。
04
根据使用场景导出图片叠加结果
图片叠加 — 认真选择透明度、压缩方式和最终尺寸
图片叠加 — PNG适合文字、界面截图和透明背景；JPEG通常更适合照片和广泛兼容的上传入口，但采用有损压缩且不保留透明；WebP在目标平台明确支持时可以兼顾画质与大小。
05
这款图片叠加工具如何验证
图片叠加 — 官方浏览器资料与可复现的本地检查
图片叠加 — MDN说明createImageBitmap()和canvas.toBlob()的浏览器行为，W3C File API定义文件选择对象。这些官方资料支持底层技术事实，但不构成对MergeImage的认证，也不保证所有设备性能相同。
06
图片叠加 — 实用的图片合并流程
图片叠加 — 从多个文件到可预测的一张图片
图片叠加 — 图片合并应从最终顺序开始。文件列表决定输出顺序，你可以移动或删除项目而不修改原图。横向适合并排比较，纵向适合步骤，网格适合成组展示，智能长截图适合具有稳定重复区域的连续屏幕。
最后验证 · 2026-08-06
产品事实
本页使用的一手资料与官方资料。
- 解码、排列和编码都在当前浏览器本地运行，发送到MergeImage服务器的原始图片文件为0个。
- 工作区最多接收30张图片、单个文件20MB。当前设备采用最高12,000px / 80MP的安全预算；超大图片合并或长截图拼接结果可默认等比缩小，也可保留原尺寸并分段打包为ZIP。
- 经验证的版本提供横向、纵向、网格、智能长截图4种布局和PNG、JPEG、WebP 3种输出格式，验证日期为2026-08-03。
| 产品事实 | 资料来源 | 最后验证 |
|---|---|---|
| 30 | 产品事实 | 2026-08-06 |
| 20 MB | 产品事实 | 2026-08-06 |
| 12,000 px / 80 MP | 产品事实 | 2026-08-06 |
“The HTMLCanvasElement.toBlob() method creates a Blob object representing the image contained in the canvas.”
资料来源
- HTMLCanvasElement：toBlob() — MDN Web Docs
- CanvasRenderingContext2D.globalCompositeOperation — MDN Web Docs
- CanvasRenderingContext2D.setTransform() — MDN Web Docs
- File API规范 — W3C
常见问题
图片叠加时会上传我的文件吗？
不会。文件选择、解码、图层合成、预览与导出都在当前浏览器标签页完成。
图片叠加 — 可以精确移动上层图片吗？
可以。先在画布上拖动，再使用方向键每次移动一个像素；按住Shift则每次移动十个像素。
图片叠加 — 应该选择哪种混合模式？
Logo和抠图先用正常，深色纹理尝试正片叠底，灯光尝试滤色，需要更强对比时尝试叠加。
图片叠加 — 可以保留透明背景吗？
可以。选择PNG或WebP并启用透明选项；JPEG不支持透明区域，会使用所选背景颜色。
图片叠加会修改原图吗？
不会。图片叠加只创建新的可下载合成文件，不会覆盖设备中的两张原图。