Cleanmock 在线样机生成工具｜浏览器里一键出设备展示图翻译站点

Cleanmock 只做一件事：把一张平面设计稿放进设备外框，输出可用于展示的成图。整个过程在浏览器内完成，不必安装软件，也不必注册账号。

操作流程

上传 PNG、JPG 或 JPEG 图片，也可以先用示例图试手。在右侧模板区选定设备类型，调节缩放倍率与背景色，预览满意后下载。三步之内即可出图，没有多余的项目管理与协作流程。

模板分类

• WEB：浏览器窗口与外框，适合网页与落地页。
• APPLE 与 ANDROID：手机与平板外框，按机型区分比例。
• 应用商店：App Store 与 Google Play 的展示样式。
• Dribbble：作品社区常用的长图与卡片版式。

参数调整

缩放分 1 倍、2 倍与 3 倍，决定导出图的像素密度，做长图时选 2 倍以上更清晰。背景可选预设色，也能用取色器输入十六进制值，与品牌色对齐。水印开关默认开启，可在图上保留来源标记，也可关闭。

需要展示交互状态的设计，可先截取两个版本，再分别套同一模板，对比时差异一目了然。

适用场景

作品集排版、提案文档配图、应用截图预览与社交平台发布是常见用途。页面设计的评审材料往往需要一套统一尺寸的展示图，用同一模板批量套用，比逐张开画布手动摆框快得多。

对比度较高的设计稿在浅色背景上更清楚；深色界面宜配浅灰或带渐变的底色，避免边缘与外框混在一起。

输出与格式

成图以常见位图格式导出，适合直接插入文档或上传到社区。模板版式固定，画面内容完全取决于上传的图片，工具本身不做修图与裁切；需要裁切或加标注的，应先在原图处理。

若需一次出多套比例的图，可先用同一张原图分别套横版与竖版模板，再统一导出。每次下载都会保留当前参数，连续出图不必重新设置。

使用须知与局限

站点以英文为主，功能集中于样机合成，没有批量处理与云端项目管理的设计，多图需求只能逐张完成。免费使用无需注册，导出分辨率受模板与倍率限制。页面底部的版权信息标注较早，功能更新与长期可用性需自行留意。