寫文章時,我經常都會需要截圖網頁畫面,直接擷取雖然也能用,但總覺得不是那麼好看,再到 Photoshop 之類的軟體編輯又太浪費時間,原本我都是用 Screely,不過還是沒有到非常精緻,最近就發現到另一個更棒的 TinySnap 擴充功能,截圖之後質感超高,還有不少顏色背景選項,連外框都能選(Windows 或 Mac 風格),另外還提供許多編輯工具,如果你跟我一樣常常都需要擷取網頁畫面,這款非常推薦。
TinySnap 讓網頁截圖更精緻、漂亮的擴充功能,並提供各種編輯工具
TinySnap 有 Chrome 和 Microsoft Edge 擴充功能,使用方式都一樣,我以 Edge 為範例。
進到 Microsoft Edge 擴充應用商店頁面後,點擊右上方的取得:
上方會跳出訊息,點擊 “新增擴充功能”:
顯示這訊息就代表完成了,已經新增完成:
預設瀏覽器會隱藏新的擴充功能,打開最右邊的拼圖圖示,找到 TinySnap 後,把左邊的眼睛打開,這樣就會顯示在右上角:
要用時,就打開這擴充功能,選擇你要的模式,共有三種,「可見區域」、「選定區域」和「整個頁面」。可見區域是當前瀏覽器顯示的網頁畫面,選定區域為你圈選要擷取的範圍,整個頁面則是用於長網頁,另外也支援使用本地圖片,和把程式碼轉成圖片:
整個網頁的截圖過程會比較花時間,無論哪一種模式,擷取時請不要移動滑鼠和滾動網頁,簡單來說就是放著等它截完:
我使用可見範圍,截完之後會自動進入編輯後台,右邊有很多選項可以調整,包括:外邊距、內邊距、圓角弧度、陰影、位置、背景、邊框、影像比例、和浮水印:
邊框有四種選擇,macOS Light、macOS Dark、Windows Light 和 Windows Dark:
即便你沒有 Mac,也能製作出仿 Mac 視窗的截圖:
背景也很多顏色選擇,每個都很有質感,Pro 用戶還能串接 Unsplash 免費圖庫:
上方有不少編輯工具,像是箭頭,讓你標示截圖的重點。另外還有文字、鉛筆、圓圈、框框等等,貼圖部分僅 Pro 用戶可用:
像這樣,用箭頭標示你要的重點,不需要再到其他編輯軟體製作了,這真的方便:
製作好後按完成,就能下載下來,是高解析度大圖,也沒有浮水印,經常需要截圖網頁的人真的很推這工具,質感超高: