在线叠加合成两张图片

直接在浏览器里用专业混合模式叠加两张图片。把一张底图和一张叠加图叠在一起，再用正片叠底、滤色、叠加等共 16 种模式将它们混合，轻松做出双重曝光、纹理质感和创意合成效果。

两个图层如何相互作用，完全由你掌控：调整叠加图的不透明度、缩放和位置，对调哪张图在上面，画布会实时更新。对效果满意后，就能以底图的全分辨率导出为 PNG、JPEG 或 WebP。

隐私优先：所有混合都通过 Canvas API 在你的浏览器本地完成。图片绝不会上传到服务器，也不会被保存或追踪。

如何叠加与混合图片

上传底图

把底图拖到上传区，或点击选择文件。它会成为背景图层。PNG、JPG、WebP、GIF 和 BMP 均受支持。

添加叠加图

用叠加图上传区添加第二张图片。它会叠加在底图之上，并自动相对底图缩放，所以两张图片的尺寸不必一致。

选择混合模式

从 16 种混合模式中挑选，它们分为正常、变暗、变亮、对比、比较和颜色几组。切换模式时画布会即时更新。

微调不透明度、缩放和位置

把叠加图不透明度设在 0 到 100% 之间，缩放在 10% 到 200%（含快捷预设），再用九宫格或直接在画布上拖动来放置它。

下载合成图

选择 PNG、JPEG 或 WebP，为 JPEG 和 WebP 调整质量后下载。导出的图片会保留底图的全分辨率。

功能特点

底图与叠加图上传

把底图和叠加图拖放到上传区，或点击浏览选择文件即可载入。

16 种混合模式

正常、正片叠底、滤色、叠加、变暗、变亮、颜色减淡、颜色加深、强光、柔光、差值、排除、色相、饱和度、颜色和明度。

不透明度控制

把叠加图不透明度从 0% 滑到 100%，精确控制上层图层的可见程度。

缩放与预设

把叠加图相对底图缩放到 10% 至 200%，并提供 25、50、100、150 和 200% 的快捷预设按钮。

精确定位

用九宫格位置网格吸附叠加图，或在画布上自由拖动，实现像素级放置。

交换图层

一键对调底图与叠加图，立刻看到图层顺序翻转后的混合效果。

实时预览

混合模式、不透明度、缩放或位置的每一次改动都会立即渲染到画布上——无需等待处理。

PNG、JPEG 或 WebP 导出

以无损 PNG 导出，或以带质量滑块的 JPEG/WebP 导出，均保留底图的全分辨率。

完全在浏览器中运行

图片完全在你的设备上通过 Canvas API 处理——什么都不会上传。

常见问题

怎么把两张图片叠加合成在一起？

上传一张底图，添加一张叠加图，再选择一种混合模式。两个图层会立刻在画布上混合。调整不透明度、缩放和位置，直到效果满意，然后下载结果即可。

怎么用透明度把一张图叠加到另一张上？

用不透明度滑块让叠加图半透明，范围从 0%（完全看不见）到 100%（完全可见）。混合模式保持"正常"可得到纯透明叠加，或把不透明度与某种混合模式结合，做出更有创意的效果。

该用哪种混合模式？

正片叠底会压暗，适合阴影和纹理。滤色会提亮，适合光效。叠加和柔光能均衡地增强对比。想要抽象效果，可以试试差值，或颜色和色相模式。

可以叠加不同尺寸的图片吗？

可以。叠加图会自动相对底图缩放。你还能用缩放滑块进一步调整大小（10–200%），并通过九宫格或在画布上拖动把它放到任意位置。

可以导出哪些格式，质量会下降吗？

你可以导出 PNG、JPEG 或 WebP。PNG 是无损的，没有任何质量损失。对于 JPEG 和 WebP，质量滑块（10–100%）让你在文件大小和细节之间取得平衡。输出始终与底图的分辨率一致。

它免费吗，我的照片会被上传吗？

免费使用，无需注册。所有处理都通过 Canvas API 在你的浏览器本地完成，所以图片绝不会离开你的设备，也不会有任何内容被发送到服务器。