图片组合预览工具
上传背景图和多个图层，在浏览器中堆叠预览 app 界面素材，可调整位置、大小、层级、透明度和旋转并导出 PNG。
先上传 app 截图、背景图或画布底图
支持一次选择多张 PNG、WebP、JPEG 图片
适合的工作流
界面概念预览
把 app 背景、卡片、按钮、贴纸或设备框快速叠在一起，先看整体效果。
素材层级比较
通过上移、下移和透明度调整，对比不同素材覆盖关系。
本地快速导出
所有处理都在浏览器完成，导出 PNG 用于沟通、标注或继续设计。
图片组合预览工具简介
图片组合预览工具用于把背景图和多个透明图层叠加在一起，快速预览 App 界面、海报素材或视觉方案。所有图片都在浏览器本地处理，不会上传到服务器。
如何使用
- 先上传背景图，例如 App 截图、设备框或设计底图。
- 添加一个或多个图层图片，例如按钮、卡片、贴纸、Logo 或遮罩素材。
- 在预览区拖动图层，或在右侧面板调整宽度、位置、透明度、旋转和层级。
- 点击导出 PNG，得到合成后的预览图。
适合场景
- App 界面设计时快速摆放素材。
- 对比不同图层覆盖关系和视觉层级。
- 制作简单的产品图、封面图或展示图。
- 在正式进入设计软件前先验证构图。
使用建议
透明素材优先使用 PNG 或 WebP。背景图尺寸会决定最终导出尺寸，建议提前准备接近目标设备或目标画布比例的背景图。