Chrome 內建截圖功能&繪圖標記編輯器
在電腦上使用 Chrome 瀏覽器需要擷取網頁畫面,可以利用開發人員工具來儲存圖片,或是透過系統內建的截圖功能和第三方應用程式。此外,Chrome 更新至 94 版本開始加入 Desktop Screenshots 功能,可從網址列的分享按鈕啟動螢幕截圖,現在截圖後還能打開編輯器做繪圖標記。


去年筆者就有介紹 Chrome 內建螢幕截圖功能,該篇文章最後有提到圖片編輯器尚未建構,如今,Chrome 開發團隊已經補上此項功能。不過螢幕截圖編輯模式仍然在實驗階段,並非預設正式功能,用戶要進入 Flags 頁面設定啟用才能發揮功用。

2023/09/30 補充:
Chrome 最新版本移除 esktop Screenshots、Desktop Screenshots Edit Mode 功能,以下說明無法使用。

使用說明:

在網址列輸入「chrome://flags/」打開實驗功能頁面。
Chrome 內建截圖功能&繪圖標記編輯器

接著在搜尋框輸入「Desktop Screenshots」會找到 Desktop Screenshots、Desktop Screenshots Edit Mode 兩項功能,設定為 Enabled (啟用)再按下「Relaunch」重新啟動瀏覽器。
Chrome 內建截圖功能&繪圖標記編輯器

接著在網址列右側點擊「分享」按鈕就有「螢幕截圖」選項。
Chrome 內建截圖功能&繪圖標記編輯器

點選「螢幕截圖」網頁會變暗,按住滑鼠左鍵並拖曳框選要儲存的畫面,目前只能選取當前所見畫面,不支援捲動框選和完整網頁。
Chrome 內建截圖功能&繪圖標記編輯器

框選結束(放開左鍵)會顯示預覽圖片和編輯、下載按鈕,並將螢幕截圖複製到剪貼簿,點擊「下載」儲存 圖檔。
Chrome 內建截圖功能&繪圖標記編輯器

點選「編輯」會在另一個分頁打開圖片編輯器,有方形、圓形、箭頭、直線、手繪工具,以及輸入文字、添加 Emoji 圖案、剪裁功能。
Chrome 內建截圖功能&繪圖標記編輯器

編輯圖片時可縮放比例、復原、重做,點擊下方的「Clear Canvas」會清除所有編輯動作。
Chrome 內建截圖功能&繪圖標記編輯器

延伸閱讀:
UploadCC Screen Capture Tool 網頁截圖工具直接上傳圖片空間 Nimbus Capture 用瀏覽器做螢幕錄影,輸出高畫質 Webm 影片 Drawww 網頁繪圖工具,螢光筆標記/文字/繪畫/儲存頁面圖片