有时候在网络上看到别人制作的插图很有质感，通常会在图库素材中整合自家产品，不但没有违合感，还能解决类似照片不好拍出来的问题，其实不用通过专业软件就有一些在线工具可以做到，例如Smartmockups除了网页版以外还能付费购买Mac应用程序，其他像是Magic Mockups、MockUPhone或Dimmy.club都能满足类似需求，当然图库图片多不多也会是选择的因素之一。

本文要推荐另一款类似的免费服务「Mockuper」，可以快速将手边的截图或任何图片整合到图库设备屏幕中，Mockuper提供各种设备类型，包括桌上电脑、笔记型电脑、平板电脑、手机、智慧手表和一些实体物件，例如名片、画框、广告广告牌或笔记本，只要选择裁切范围，调整后就能输出各种尺寸大小的图片。

特别的是Mockuper能为设备屏幕内的图片加入「反射」效果，可再调整不透明度及反射形状，让它看起来更有真实感，目前Mockuper收录大约190张素材，有部分在其他网站曾经看过，但它在操作上还算好用，不过速度稍慢一些。

站点名称：Mockuper

网站连接：https://mockuper.net/

使用教学

STEP 1

开启Mockuper网站，从左侧提取要使用的图库素材，点击「Choose」大图会显示在网页右侧，同时在设备屏幕中标示出建议置入的图片长宽大小，如使用合适尺寸较能获得最佳显示效果。

网页左上角可切换不同的设备类型，包括桌上电脑、笔电、平板电脑、手机等等。

STEP 2

选好图片后，要怎么把我的画面整合到设备屏幕中呢？很简单，点选右侧屏幕，就能进入图片上传及编辑功能，如果之后要清除，可直接点选上方「Clear」按钮。

STEP 3

将你要呈现的图片拖曳到中间虚线框。

接着调整要显示的范围，如果你依照Mockuper建议，上传合适的图片大小，那么应该不用移动或放大缩小，就会符合显示范围；另外，左侧是用来调整「反射」效果、不透明度和形状的功能，如果套用反射后看起来很不正确，也可回到编辑模式将它关闭停用。

STEP 4

将图片整合到素材画面中，看起来非常真实，角落也不会出现锯齿或颜色错误问题。若想再次调整编辑，可以点击上方绿色的「Screenshot & Settings」按钮。

STEP 5

最后，点选右下角的「下载」按钮，挑选要下载的图片尺寸，从最小XS、S、M、L到最大张的XL，不过网站没有提示这些图片的实际尺寸。

点选后跳出图片，在上方点选鼠标右键，找到「另存图片」就能将图片保存下载。

值得一试的三个理由：

1、快速将屏幕截图或画面合成到图库设备屏幕中

2、收录桌上电脑、笔记型电脑、平板电脑、手机、智慧手表等190张素材

3、可设定反射、不透明等效果，看起来更贴近真实