史上最強大的網頁截屏註解工具

  每次寫文章時,基本都需要配圖進行註解說明;或者在工作中,作為項目產品經理,在寫產品需求文檔時,用Axure轉成的HTML演示圖片也需要用到截圖註解。之前我一直是用「QQ+印象筆記·圈點」組合軟體達到此效果,可是知道該軟體後,發現功能實在強大太多了。軟體名字是「Awesome Screenshot: Capture & Annotate」,有Chrome插件和Web APP兩種,趕快武裝起來一起來學學吧!相信我,你會立馬愛上這款軟體的。

史上最強大的網頁截屏註解工具

通過Chrome Web Store安裝此插件,地址:http://goo.gl/3wFThn.安裝完畢後,可以看到瀏覽器右上角多了如下圖標,點擊該圖標可以看到此截圖註解軟體的功能和對應的快捷鍵說明。

史上最強大的網頁截屏註解工具

截取可視部分:表示截取當前整個螢幕覆蓋區域部分,快捷鍵:Ctrl+Shift+V(備註:V:Visiable);

截取選擇部分:表示截取當前螢幕任一區域部分,快捷鍵:Ctrl+Shift+S(S:Selected);截取整個頁面:表示截取當前整個網頁區域部分,可自動滾動截屏,快捷鍵:Ctrl+Shift+E(E:Entire);我們選擇「截取可視部分」模式舉例說明,可以看到上方所對應的截圖註解工具欄,能夠滿足基本的使用,如果需要更為高級的功能,可以選擇「調用Web APP軟體」按鈕。史上最強大的網頁截屏註解工具

在調用Web APP軟體前,需要對其進行安裝,鏈接:http://goo.gl/kjkofQ.安裝後,會顯示如下圖片,可以看到相對於插件功能更加豐富,設置完畢後點擊右上角「完成」按鈕。

① 修改圖片尺寸;② 裁剪圖片;③ 塗鴉工具;④ 矩形/橢圓形;⑤ 箭頭/變形箭頭/直線;⑥ 文字配圖註解;⑦ 數字序列符號;⑧ 純文字註解;⑨ 馬賽克工具;⑩ 其他圖像圖標;? 顏色及其透明度;? 畫筆粗細;? 畫布比例縮放;史上最強大的網頁截屏註解工具

截圖註解設置完成後進入如下界面,如果覺得不滿意可以返回「再次編輯」,沒有問題的話可以保存到電腦本地或者Google Drive雲盤中,保存圖片可以設置成JPG或PNG格式。

史上最強大的網頁截屏註解工具

覺得不錯的讀者朋友們,可以自行試試其他的3秒或5秒延遲截圖功能,以及網頁的滾屏截圖功能,都非常棒!

小結:Awesome Screenshot網頁截屏註解功能非常豐富,尤其是支持網頁滾屏截圖。您目前使用的是什麼網頁或者電腦桌面截圖工具呢?歡迎回復評論交流。