在免費資源網路社群寫文章已經是維持十多年的習慣，既然每篇文章都是文字搭配圖片的教學文，擷圖就是我每天都會用到的工具，較早以前我是使用 Jing（在 Windows 時代是使用 WinSnap），後來因為 Catalina 不再支援 32 位元應用程式，開發商就決定推出全新 TechSmith Screenshot 取代原有的 Jing，而付費的 Snagit 真的用不習慣，經過幾次試用後依然無法順利上手。
網站截圖
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半以響應式網頁設計（Responsive web design）技術直接在不同尺寸螢幕上顯示最適合的樣式，更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形，除了直接使用手機瀏覽外，其實也有不少工具可以輔助，像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。
Screenshot Tracker 擷取並追蹤網頁長截圖，測試在不同裝置顯示情形
網站開發者經常需要測試網頁在不同裝置、螢幕大小的顯示樣貌，以前會針對行動裝置另外製作一個行動版，現在比較普遍作法是使用響應式網頁設計（Responsive web design，簡稱 RWD），可自動調整為最適合閱讀的大小，但這些開發過程可能都得借助於測試工具幫忙，例如瀏覽器外掛程式 Responsive Viewer 可在單一頁面查看不同螢幕大小裝置的顯示樣式，或是透過線上工具 ScreenDump 預覽網站在不同尺寸螢幕顯示效果。
Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具
免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具，這些服務多半不需要額外下載軟體，輸入網址就能建立網頁截圖，有些還能選擇要用的裝置類型或解析度大小，對於檢查自適應網頁設計（Responsive Web Design）網站呈現效果來說會很有用，有時候也可能用來備份網頁內容，像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片，或是 Screenshot Guru、Full Page Screen Capture 都能透過瀏覽器建立網頁擷圖。
ScreenDump 自適應網頁設計測試工具，預覽網站在不同尺寸螢幕顯示效果
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題，都會針對 User Agent 提供不同的頁面版本，例如在手機存取時會直接切換到「行動版」網頁，若以電腦開啟則是跳轉一般網頁，這麼做的好處是一般行動裝置會使用速度較慢的行動網路，行動版就能盡量減少網頁大小，讓瀏覽者有更好的使用體驗，不過缺點也顯而易見，就是得同時維護網頁不同版本，無形間增加更多時間成本。
Full Page Screen Capture 線上產生網頁長擷圖，正常顯示中文內容無廣告
無論是電腦或行動裝置其實都有內建螢幕擷取功能，也就是透過特定的快速鍵組合就能將畫面抓下來，儲存成常見圖片格式，抓圖的功能大家應該不陌生。有時候內建的工具並不一定能滿足一些進階使用者需求，例如要拿來抓取工作上使用的圖片時就會選擇其他更專業的擷圖軟體，我個人很喜歡 Jing，但是 macOS 10.15 後只支援 64 位元應用程式，TechSmith Screenshot 將成為 Jing 的替代方案。
Screenlapse 自動網站截圖服務可設定每小時、每日、每週或每月排程
BlurPage 可快速模糊網頁中任何內容的瀏覽器外掛（Chrome、Firefox）
最近發現一些不錯的付費工具，雖然不是免費，但售價不高又可以方便解決工作或日常生活遇到的問題，打算在免費資源網路社群開個新分類推薦這些付費軟體和外掛功能，上一篇我介紹的付費軟體是「I hate mailto 點選 Email 不自動打開郵件軟體，將郵件地址複製到剪貼簿」，這個瀏覽器外掛其實功能很簡單，就是讓網頁裡看到的 Email 地址點選後可以一鍵快速複製，而不是直接打開 Email 郵件軟體，售價只有 $1.99 美金（約新台幣 60 元），做為瀏覽器外掛功能來說相當值得入手。