BrowserFrame 網頁截圖合成瀏覽器框架

要展示應用程式和網站介面，直接秀出截圖似乎稍嫌單調欠缺質感，之前介紹幾個 Mockup 產生器，能將截圖變成使用情境圖或添加裝置外框，BrowserFrame 也是同性質的線上服務，可以為網頁截圖添加六種瀏覽器框架。

BrowserFrame 是一個免費的線上圖片合成器，能將網頁截圖變成有瀏覽器外框的圖片，提供 Chrome、Edge、Safari、Firefox、Opera 和 IE 六款種瀏覽器框架，以及 Windows、Mac 系統樣式和淺色、深色主題，還有間距、顏色、螢幕高度/寬度、陰影等設置。這項服務是完全免費，上傳圖片或輸入網址就能下載 PNG 圖檔。

名稱：BrowserFrame

語言：英文

網址：https://browserframe.com/

BrowserFrame 使用說明：

1. 開啟 BrowserFrame 網站，網頁左側是各種瀏覽器樣式和編輯項目，點擊右側的瀏覽器框架上傳圖片，或輸入網址擷取網頁畫面。
BrowserFrame 網頁截圖合成瀏覽器框架
2. 例如，上傳一張 Instagram 網頁截圖立即放入瀏覽器框架中。
BrowserFrame 網頁截圖合成瀏覽器框架
3. 在左側點選瀏覽器樣式，右側的預覽圖片會立即改變，有 Chrome、Safari、Edge 等六款瀏覽器框架，其中幾款還能選擇兩種作業系統樣式和深色／淺色主題。
BrowserFrame 網頁截圖合成瀏覽器框架
4. 左側下方還有間距、背景顏色、陰影範圍、螢幕寬度/高度等編輯項目。
BrowserFrame 網頁截圖合成瀏覽器框架
5. 點擊綠色「↓」按鈕就能下載 PNG 圖片。
BrowserFrame 網頁截圖合成瀏覽器框架

延伸閱讀：