什么是图片叠加混合?
图片叠加混合工具使用混合模式(如正片叠底、滤色、叠加等)将两张图片合成。创建双重曝光、纹理叠加或艺术效果,所有处理均在您的设备上私密完成。
Canvas2D 全部 16 种混合模式都可用:正常、正片叠底、滤色、叠加、变暗、变亮、颜色减淡、颜色加深、强光、柔光、差值、排除、色相、饱和度、颜色、亮度。不透明度可在 0–100% 之间细调。可直接在预览上拖动叠加层定位,或用九宫格一键吸附到任意角落或边缘居中位置,再通过滑块调整大小、旋转,或水平/垂直镜像。最终结果支持导出为 PNG(保留透明度)、JPEG(可调画质,体积更小)或 WebP,也可一键复制到剪贴板直接粘贴。
使用方法
- 上传一张底图和一张叠加图。两张图片会并排显示,并实时预览混合效果。
- 选择混合模式(正片叠底、滤色、叠加、变暗、变亮、颜色减淡等),并用滑块调整叠加层的不透明度。
- 用九宫格快速对齐定位,如方向不对就翻转叠加层,然后选择 PNG、JPEG 或 WebP 下载,或复制到剪贴板随处粘贴。
何时使用
- 在照片上叠一层颗粒或纸纹,模拟胶片质感或印刷打样。
- 用正片叠底或滤色把 Logo、水印放到产品图上。
- 把人像和风景图合成,快速做出双重曝光肖像。
结果
一位摄影师上传一张人像作为底图,城市天际线作为叠加层,选择「滤色」混合模式并设为60%不透明度,创建出梦幻般的双重曝光效果,然后下载最终合成图。
常见问题
- 正片叠底和滤色到底对像素做了什么?
- 正片叠底是把两张图的 RGB 通道相乘再除以 255,整体变暗,黑色保持黑,白色变成透明。滤色相反,效果像两台投影机叠投,整体变亮,白色保持白,黑色变成透明。
- 为什么输出按底图尺寸裁切?
- 画布尺寸跟底图一致。如果叠加图更大,超出的部分不会写入导出文件。先把叠加图缩到合适大小,或者用更大的底图,让两张图覆盖同一块画面,再导出 PNG。
- 叠加图放到底图上之后,还能移动、缩放或翻转吗?
- 可以。直接在预览上拖动叠加图,或用九宫格快速吸附到四角、四边或正中等九个位置。缩放滑块支持 10–300%,旋转支持 -180° 到 180°,还可一键水平或垂直翻转。点击「重置变换」可恢复居中、100% 的初始状态。
- 差值和排除出现的怪异荧光色,是 Bug 吗?
- 不是,这就是它们的正常表现。差值是把两张图各通道相减再取绝对值,排除则是类似的算法但对比度更低。两者都会呈现反色感,常用于比较两张近似图片或做艺术效果。
- 为什么导出的 PNG 仍是黑色背景,没有变透明?
- JPEG 本身不支持透明度,选 JPEG 时透明区域会被压在白色背景上 — 想保留通透效果请用 PNG 或 WebP。混合模式也有影响:正片叠底只有在 100% 不透明度时才让纯白透明;普通模式低于 100% 不透明度时,底图就会透出来。