图片叠加工具
在照片上放置标志、把预先抠好的主体换到新背景上，或给图片叠加纹理。本工具完全在浏览器中处理一张底图和一张叠加图：输入 X/Y 位置，设置缩放和不透明度，选择混合模式，再将合并后的结果下载为 PNG。
如何把一张图片叠加到另一张图片上
-
1
上传底图和叠加图
底图铺满画布，叠加图浮在其上方。
-
2
调整位置和大小
输入以像素为单位的 X/Y 位置，并在 5% 到 200% 之间设置缩放。
-
3
设置不透明度和混合模式
实心合成用 100% 不透明度，淡淡的水印用 30%-60%。
-
4
导出
将两个图层合并为 PNG，画布尺寸与底图一致。
让叠加看起来是精心设计的
两图层合成要想自然，关键是有意识地选择位置、缩放和混合方式。
位置
- 运用三分法则：把叠加图的中心放在三分线交点上，画面更有编辑感。
- 放在角落的水印，距离边缘留出 10%-15% 的间距效果更好。
- 追求平衡感的海报和社交卡片适合居中放置。
大小
- 叠加图超过底图短边的 60% 时，往往就显得不协调了。
- 标志水印通常占底图宽度的 5%-15%。
混合模式
想让合成看起来自然，可以这样选：
| 模式 | 效果 |
|---|---|
| 正常 (Normal) | 直接按 Alpha 通道合成 |
| 正片叠底 (Multiply) | 压暗画面，适合叠加纹理 |
| 滤色 (Screen) | 提亮画面，适合光晕和炫光 |
| 叠加 (Overlay) | 增强对比的混合方式 |
| 变暗 (Darken) | 保留两个图层中较暗的像素 |
| 变亮 (Lighten) | 保留两个图层中较亮的像素 |
功能范围与隐私
本工具可定位、缩放和混合一张叠加图，不提供旋转、裁剪、边缘羽化或阴影功能；如有需要，请在上传前完成这些编辑。两张图片都在浏览器中处理，不会写入步骤页面的网址，也不会发送到服务器。在引导流程中，IndexedDB 会把临时项目保存在本设备上，最多保留 30 分钟，以便在各步骤之间继续使用。
常见的合成场景
- 把产品界面放进手机或笔记本样机。
- 在照片一角加上标志水印。
- 在纯色背景上放置徽章或标签。
- 把头像放进装饰边框。
- 把预先处理好的透明主体放到新背景上。
常见问题
本工具每次支持一张底图加一张叠加图。需要多层合成时，先导出结果，再把它作为新的底图，继续叠加下一张。
会。如果叠加图是带 Alpha 通道的 PNG，只有可见像素会绘制到底图上。JPG 没有透明通道，叠加后会显示为一个矩形。
实心合成用「正常」(Normal)；在照片上叠纹理（纸张、做旧质感）用「正片叠底」(Multiply)；处理光晕和高光用「滤色」(Screen)。「叠加」(Overlay)、「变暗」(Darken) 和「变亮」(Lighten) 偏风格化，多试几种看效果。
不要用拖拽，改用 X/Y 数值输入框。本工具支持像素级精确定位，可以对齐到 1 像素的网格。
相关工具
GIF 制作器
将一组图片或短视频转换为动画 GIF。导出前可调整帧率、循环次数和尺寸。
图片尺寸调整器
将图片调整到精确的像素尺寸或百分比，同时保持宽高比。适合批量准备图片，无需上传。
图像放大器
使用 AI 超分辨率或经典插值，将低分辨率图像放大 2×、3× 或 4×，同时保留重要细节。
BMP 转 PNG
在浏览器中将 BMP 文件转换为 PNG。无损，保留色深，并可从原始 BMP 的 alpha 通道添加可选透明度。
SVG 转 PNG
在浏览器中将 SVG 文件或 SVG 标记转换为 PNG，选择缩放因子，并保持透明边缘清晰。
PNG 转 SVG 矢量化工具
在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。