BrowserFrame – 無需任何修圖技術即可為網頁截圖加上瀏覽器外框

最近又開始了寫介紹文,寫完之後便要為每篇文章加上封面,但若果只用網頁截圖,未免顯得太過單調,這時候就可以用Browserframe了,Browserframe是一個專門為網頁截圖加上瀏覽器外框的免費線上工具,用家無需任何技術,即可得到一張看上去有質感的網頁截圖。

BrowserFrame網站

https://browserframe.com/

可以上傳圖片至BrowserFrame或直接讓它幫你截取網站頁面,個人是比較推薦自行截圖再上傳,除了可以挑選想要的頁面區域外,若不使用預設解像度,BrowserFrame會自行拉扯畫面。

上傳後可以設定瀏覽器類型,如Chrome, firefox, Safari, Edge, Mac/Windows,也可微調部分參數,如間距(Padding)、縮放比例(scale)等。

使用示範

  1. 可拖拉上傳網頁截圖或輸入網址讓BrowserFrame自動截圖
  2. 選擇瀏覽器類型
  3. 如有需要,調整圖片參數

    ▶Padding指的是網頁截圖與邊框的空白間距
    ▶Background color指的是空白處背景顏色,示範中的是灰色,要輸入hex顏色碼
    ▶Shadow amount指的是陰影量,愈大代表愈廣陰影
    ▶Shadow color指的是陰影的顏色,要輸入hex顏色碼
    ▶Screen color (不明)
    ▶Screen width, Screen height指的是圖像的闊度和高度(可選,預設為auto)
    ▶Screen scale指的是圖像的縮放比例
    Screen scale = 1

    Screen scale = 1.8

    會發現上方的瀏覽器導航欄界面會因Screen scale提升而縮小
    ▶Preview scale指的是預覽時的縮放比例,不會影響輸出的圖片
  4. 完成後按右下角的下載按扭下載

總結

以往要逹到同樣目的,一般都要先下載PSD模版,再把自已的截圖加入去,對一般用戶來說比較麻煩,也需要一定的修圖技術,但BrowserFrame則來得方便,可以直接上傳、按需要調整少許參數、下載,就能取得一張有瀏覽器外框的網頁截圖。

Author avatar
OpenserTk
https://opensertk.blowhk.com
現實中我是一個很被動的人,不過在網上就是一個樂意跟網友分享資訊的人。

Post a comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

本站採用Cookies來提升你的使用體驗。