Device Shots圖片合成各種裝置外框
要展示應用程式或網站畫面，直接秀出畫面截圖似乎有點單調，幫截圖穿件衣服(加上裝置外框)看起來更有質感，使用網路服務就能取得這類圖片，例如 Magic Mockups 可以產生使用情境圖，本文介紹的 Device Shots 網站提供各大廠牌裝置外框。


服務介紹：

Device Shots 是一個免費線上圖片合成工具，讓使用者將圖片加上各種裝置外框，有智慧型手機、平板/筆電/桌上型電腦、顯示器、智慧手錶、家庭裝置共六大類型，包含 Apple、Google、Microsoft、LG、Huawei、LG、Samsung、Nokia、Motorola 和 Dell XPS 等各大廠牌裝置。

輸出圖片可選擇適合 Facebook、Twitter、Instagram、Pinterest、Snapchat、Tumblr、Google Play 等平台的圖片尺寸，以及套用漸層、單一顏色的背景圖。

網站：Device Shots
語言：英文
網址：https://deviceshots.com/

Device Shots 使用說明：

1. 開啟 Device Shots 網站會看到手機、平板、電腦、顯示器、智慧手錶和 Home 共六種裝置類型，先隨意點選進入編輯器後再挑選想要的裝置型號。
Device Shots圖片合成各種裝置外框

2. 編輯器左側是預覽畫面，右側上方可調整(放大/縮小)畫面比例，在「Device」挑選想要的裝置型號。
Device Shots圖片合成各種裝置外框

3. 將圖片拖曳到裝置外框或從右側的「Screenshot」開啟圖片，支援 JPG、PNG、GIF 和 SVG 格式，要注意每種裝置都有預設尺寸，如果不符合比例網站會自動縮放，可能會無法看到完整畫面。
Device Shots圖片合成各種裝置外框

4. 如果要將圖片發佈到社群網站，點選「Canvas」可選擇適合 Facebook、Twitter、Instagram、Pinterest、Snapchat、Tumblr、Google Play 等平台的圖片尺寸，也可以自訂輸出圖片大小。
Device Shots圖片合成各種裝置外框

5. 預設會輸出透明背景圖片，點擊「Background」可選擇漸層色彩或單一顏色背景。
Device Shots圖片合成各種裝置外框

6. 部分裝置還可以指定外框顏色，如下圖的 iPad 在 Variant 處有 Gold、Silver、Space Grey 三個選項。
Device Shots圖片合成各種裝置外框

7. 最後點擊右上角「Download」就能儲存 PNG 圖檔，完全免費也不會添加水印。
Device Shots圖片合成各種裝置外框

8. 網站首頁往下滑動會有支援裝置列表，包含 iPhone、Google Pixel、HTC、LG、Nokia、Samsung 等多家廠牌的手機，也能在這點選進入編輯器。
Device Shots圖片合成各種裝置外框

延伸閱讀：
Snapmod 替手機螢幕截圖加上裝置外框，幾十款主流手機簡單合成 Screely 截圖加上 Mac 瀏覽器視窗外框，自訂背景顏色和編輯功能 PhotoFunia 上傳照片輕鬆合成數百種特效圖片，免費無浮水印 Smartmockups 免費樣板圖片產生器，將螢幕畫面合成到使用場景圖片