BrowserFrame 網頁截圖合成瀏覽器外框，提供 Chrome、Safari 六款框架

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

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

名稱：BrowserFrame
語言：英文
網址：https://browserframe.com/

BrowserFrame 使用說明：

1. 開啟 BrowserFrame 網站，網頁左側是各種瀏覽器樣式和編輯項目，點擊右側的瀏覽器框架上傳圖片，或輸入網址擷取網頁畫面。


2. 例如，上傳一張 Instagram 網頁截圖立即放入瀏覽器框架中。


3. 在左側點選瀏覽器樣式，右側的預覽圖片會立即改變，有 Chrome、Safari、Edge 等六款瀏覽器框架，其中幾款還能選擇兩種作業系統樣式和深色／淺色主題。


4. 左側下方還有間距、背景顏色、陰影範圍、螢幕寬度/高度等編輯項目。


5. 點擊綠色「↓」按鈕就能下載 PNG 圖片。


延伸閱讀

• Snapmod 手機螢幕截圖添加裝置外框，提供數十款主流手機外框圖
• Device Shots 幫圖片套上手機、平板、筆電、顯示器等各種裝置外框
• Smartmockups 免費產品情境圖，將手機/電腦截圖合成至使用場景