图片叠加工具
在照片上放置标志、把预先抠好的主体换到新背景上,或给图片叠加纹理。本工具完全在浏览器中处理一张底图和一张叠加图:输入 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 像素的网格。
相关工具
PNG 转 SVG 矢量化工具
在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。
材质设计颜色选择器
浏览Material Design色板,单击即可将任意色号(50至A700)以HEX、RGB或 HSL 格式复制。
报纸制作工具
使用你自己的标题和文章制作报纸风格的头版,然后复制、下载纯文本,或打开浏览器打印对话框。
半色调生成器
将照片转换为可调节的 AM 式半色调,可选单色、取样色和 CMYK 风格模式,并下载 PNG 或矢量网点 SVG。
横线纸生成器
免费制作可打印的横线纸。选择宽格、中格或窄格,以毫米设置行距、纸张尺寸和一条页边线,然后打印或下载 SVG。
潘通(Pantone)转 HEX 转换器
将Pantone PMS色号转换为最接近的HEX、RGB及CMYK值,以确保屏幕显示与印刷效果一致,并提供色卡预览功能。
此工具还提供其他语言版本
- أداة تراكب الصور [AR]
- 이미지 오버레이 도구 [KO]
- Verktyg för bildöverlägg [SV]
- Công cụ ghép lớp phủ ảnh [VI]
- Afbeelding-overlaytool [NL]
- เครื่องมือซ้อนภาพ [TH]
- Narzędzie do nakładania obrazów [PL]
- Herramienta de superposición de imágenes [ES]
- Outil de superposition d'images [FR]
- Bildüberlagerungswerkzeug [DE]
- Ferramenta de sobreposição de imagens [PT]
- 画像オーバーレイツール [JA]
- Alat Overlay Gambar [ID]
- Görsel Bindirme Aracı [TR]
- Image Overlay Tool [EN]
- Strumento di sovrapposizione immagini [IT]
- Наложение изображений [RU]