“把一张图片放到另一张图片上”，就是对图片叠加的日常说法。一张图片提供画布，第二张图片则成为位于上方、可以移动的图层。你可以把上层图片放大到覆盖整张画布，也可以缩小到只充当 Logo，或者降低不透明度，让两张图片同时保持可见。
人们还会用其他说法来描述同一项基本操作：把图片添加到另一张图片上，把一张照片放在另一张照片上方，叠放图片，把一张图片插入另一张图片，或者制作画中画效果。所需的控制项都一样：图层顺序、位置、尺寸、不透明度和导出格式。
最快的方式是打开 OverlayImage.app，上传主图，添加第二张图片，然后直接在画布上进行排列。整个过程无需账号，也不会给导出结果额外添加平台水印。本指南会解释这套流程，并帮助你为常见效果选择合适的设置。
“放在上面”和“放在旁边”的区别
开始前，先决定两张图片是否应该共享同一片空间。
当一张图片放在另一张图片上面时，两者的画布区域会重叠。上层图片可能遮住下层图片的一部分，也可能通过透明度让两张图片同时可见。这种结构适合 Logo、水印、纹理、贴纸、嵌入式照片或双重曝光。
当两张图片放在旁边时，它们互不覆盖。两张图片完整的宽度或高度会保留在一张更大的画布中。这属于拼接而不是叠加，适合前后对比、产品变体、操作说明和进度照片。
OverlayImage.app 同时支持这两种方式。需要一张图片位于另一张图片上方时，选择 叠加；需要让每张源图完整可见时，选择 左右拼接、上下拼接或网格拼图。
如何把一张图片放到另一张图片上
第 1 步：选择决定画布的图片
上传那张尺寸和构图最重要的图片。如果你要把 Logo 添加到产品照片上，产品照片就应该作为主图。如果你要在装饰性相框中制作肖像，可以根据需要保留的尺寸，选择相框或背景作为主图。
可以把主图理解成一张纸。其他所有图片都会以它的边缘为参照进行定位。
第 2 步：添加要放在上面的图片
选择 添加叠加图片，然后打开第二个文件。它会作为当前选中的图层出现。透明 PNG 和 WebP 文件尤其有用，因为主体周围的不可见区域不会遮住下方图片。
如果上层图片带有不想要的白色或彩色矩形，说明这个矩形本来就是文件的一部分。降低不透明度只会让整个矩形变得半透明，并不会移除它。要制作干净的 Logo 或抠图，应从本身就带透明背景的素材开始。
第 3 步：移动并缩放上层图片
将当前选中的图层拖到目标位置。拖动角点控制柄，可以在不改变比例的情况下缩放图片。当上层图片需要准确位于中央时，使用居中对齐控制。
对于小尺寸嵌入照片，请在外边缘与图片之间留出有意设计的间距。几乎贴住边缘的嵌入图通常会显得像是意外放置的。对于 Logo 或签名，应选择细节相对安静的区域，让标记保持清晰。对于覆盖整幅画面的叠加图，如果源文件尺寸足够大，可以放大到触及画布边缘；如果做不到，应使用更大的源文件，不要超过编辑器 300% 的缩放上限。
如果你希望在多张合成图中保持一致的位置，精确的 X、Y 字段会很有帮助。记录第一张图的坐标和缩放值，之后对尺寸匹配的图片使用相同数值。
第 4 步：决定每张图片显示多少
在正常模式下，当不透明度为 100% 时，上层图片中的每个不透明像素都会完整绘制到下层图层之上。源文件中的透明像素仍然保持透明。降低不透明度可以在不改变颜色组合方式的情况下，让更多下层图片显现出来。
制作普通水印时，正常模式配合较低的不透明度通常就够了。要制作更具艺术感的照片叠加效果，可以尝试正片叠底、滤色、叠加或柔光。OverlayImage.app 提供 12 种 Canvas 混合模式。请始终将结果与正常模式对比，因为强烈的混合效果可能掩盖颜色错误，或降低文字的可读性。
你还可以调整当前选中图层的亮度、对比度、饱和度和模糊程度。这些控制可以帮助嵌入照片匹配周围场景，也可以让纹理支持下方图片，而不是喧宾夺主。
第 5 步：下载成品文件
选择 PNG、JPEG 或 WebP，然后下载结果。两张源图会被渲染到一个输出文件中，原始文件仍然彼此独立且不会被修改。
最终画布需要透明背景，或包含清晰的图形边缘时，使用 PNG。需要导出不透明背景上的成品照片时，使用 JPEG。想要体积小巧且兼容多数现代浏览器的网页图片时，使用 WebP。
四种常见的图片叠放布局
角落 Logo
让 Logo 保持较小，在周围留出足够空白，并使用正常模式。如果主照片对比度很强，只需略微降低不透明度；透明度过高，标记可能会在小屏幕上消失。
居中水印
大尺寸的居中水印可以保护预览稿，但仍应让人能够判断主体内容。先从不透明度范围的中间值附近开始，同时检查照片中的明亮区域和阴暗区域。在天空上清晰可见的水印，放到深色外套上可能就会消失。
嵌入式照片
嵌入式图片是放在较大场景中的一张小矩形图片，适合反应图、细节展示、地图局部图、操作说明和视觉对比。使用一致的边距，并在上传前考虑是否需要为嵌入图准备边框。当前编辑器负责放置图片，但不会自动创建装饰性相框。
全画面照片混合
当源文件尺寸允许时，将上层照片放大到覆盖画布的大部分或全部区域；如果做不到，就使用更大的源文件。然后降低不透明度或选择混合模式。观察两张图中主体、地平线、明亮区域和引导线之间的关系。只需轻微移动叠加图，就可能完全改变最终保留下来的细节。
三张或更多图片时，图层顺序如何工作
每个新的叠加图层都会加入图层堆栈。主图始终位于底部，叠加图层则可以相互前移或后移。靠近最前面的图层可以遮住所有下层图层；向后移动的图层，可能只会在上方图层透明的区域中显现。
例如，一张社交媒体宣传图可以使用：
- 作为主图的产品照片。
- 位于照片上方的柔和彩色蒙层。
- 位于彩色蒙层上方的价格徽章。
- 位于最前面的 Logo。
修改位置或外观前，请先选择对应的图层缩略图。如果某个图层被其他图片覆盖，无法直接在画布上点击选中，就选择它的缩略图，再使用图层上移控制。
什么时候应该选择拼接布局
当两张源图都必须完整可见时，选择 左右拼接或上下拼接；三张或更多完整图片则使用 网格拼图。在这些布局中，工作台渲染图片时不会应用仅适用于叠加模式的位置、不透明度、混合或滤镜设置。切换布局时，文件仍然保留在工作台中。
需要避免的错误
把上层图片缩得小到无法辨认
尺寸小并不等于视觉上低调。带有细小文字的 Logo 过小后，导出或经过社交媒体压缩，可能只剩下模糊的标记。请以正常查看尺寸判断效果。
不小心遮住主体
除非这正是你想要的效果，否则应将叠加图移开，避免遮住人脸、产品名称、说明文字和重要边缘。把不透明度当作细化手段，而不是修复错误位置的唯一办法。
过早把图层合并
在构图完成前，请保持各个叠加图层彼此独立。一旦多个元素被合并成一个源文件，就很难只修改其中一个。浏览器编辑器会在下载前保持上传的叠加图层分离；上传控件最多接受五个叠加文件。
以为 JPEG 也支持透明背景
JPEG 不支持透明像素。如果上层图片需要隐去周围区域，请使用 PNG、透明 WebP 或 SVG。
常见问题
把一张图片放到另一张图片上，通常叫什么？
这通常叫图片叠加、照片叠加、图片叠放或画中画合成。“图片合并”也有人使用，但“合并”往往指在不重叠的情况下连接完整图片。
不用 Photoshop，也能把一张图片放到另一张图片上吗？
可以。基于浏览器的图层编辑器提供静态图片叠加所需的位置、缩放、不透明度、混合和导出控制，不需要安装桌面设计软件。
上面的图片可以是透明的吗？
可以。请使用带透明度的源文件，例如 PNG、WebP 或 SVG。你也可以降低当前选中叠加图层的不透明度。
如何把一张图片移到另一个叠加图层后面？
选择它的图层缩略图，然后使用图层下移控制。主图始终作为画布背景，添加的叠加图层则可以相互调整顺序。
把图片放在一起，会上传到网上吗？
OverlayImage.app 会在当前浏览器中处理工作文件。图片文件不会发送到图片处理服务器，也不会存储在云端项目中。
想要亲自尝试完整流程，可以现在就把一张图片放到另一张图片上。如果你想进一步了解文件格式和混合模式，请继续阅读完整的图片叠加指南。