在免費資源網路社群寫文章已經是維持十多年的習慣，既然每篇文章都是文字搭配圖片的教學文，擷圖就是我每天都會用到的工具，較早以前我是使用 Jing（在 Windows 時代是使用 WinSnap），後來因為 Catalina 不再支援 32 位元應用程式，開發商就決定推出全新 TechSmith Screenshot 取代原有的 Jing，而付費的 Snagit 真的用不習慣，經過幾次試用後依然無法順利上手。
截圖
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半以響應式網頁設計（Responsive web design）技術直接在不同尺寸螢幕上顯示最適合的樣式，更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形，除了直接使用手機瀏覽外，其實也有不少工具可以輔助，像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。
Mockup Photos 數千張高畫質素材圖庫，可自行上傳圖片或線上擷圖整合
上面這張圖看起來是不是很有質感呢？如果仔細看，會發現電腦螢幕出現的正是免費資源網路社群首頁，不過這可不是我自己擺設的佈景，而是運用合成方式將適當的畫面合成到圖庫素材，也被稱為「Mockups」，對於要展示一些畫面來說非常有用。若我在編寫文章時找不到適合的圖片，也會利用像是 Smartmockups 來產生更好看的擷圖畫面，你可能會發現有些圖片看起來相似度極高，別懷疑，你也可以自己動手做。
Screenshot Tracker 擷取並追蹤網頁長截圖，測試在不同裝置顯示情形
網站開發者經常需要測試網頁在不同裝置、螢幕大小的顯示樣貌，以前會針對行動裝置另外製作一個行動版，現在比較普遍作法是使用響應式網頁設計（Responsive web design，簡稱 RWD），可自動調整為最適合閱讀的大小，但這些開發過程可能都得借助於測試工具幫忙，例如瀏覽器外掛程式 Responsive Viewer 可在單一頁面查看不同螢幕大小裝置的顯示樣式，或是透過線上工具 ScreenDump 預覽網站在不同尺寸螢幕顯示效果。
Full Page Screen Capture 快速擷取完整網頁畫面，轉為圖片或 PDF 格式（Chrome 擴充功能）
對於可以保存網頁畫面的截圖工具相信大家都不陌生，像是 WinSnap、FastStone Capture 或 Mac 系統很好用的 Jing（現在是 TechSmith Screencast）都能達到類似效果，或是透過瀏覽器擴充功能和線上工具也能做到，通常保存下來的都是靜態圖片格式。如果你想要完整保存某個網頁在某個時間點的樣貌，透過第三方建立更具公信力的網頁備份可能是更好的選擇，我曾介紹過 Wayback Machine 網頁時光機就能讓使用者將頁面完整保存在線上，以便隨時回溯到特定時間：
Pikaso 將推文擷取為圖片，分享到 Instagram 或其他社群網站
Qurb 線上 Mockup 產生器，擷圖套用 iPhone、MacBook 外框更有質感
擷取網頁或應用程式畫面並不困難，除了使用內建的螢幕擷取工具，也有很多擷圖軟體可以選擇，像是 WinSnap、FastStone Capture 或是 Mac 上的 TechSmith Screenshot 等等軟體，當然擷圖軟體可以提供更多更細部的功能和選項，但內建就好在速度快與操作方便性了吧！後來使用 Mac 內建的擷取工具習慣後我就捨棄其他第三方應用程式，除非需要用到劃線、標記或處理特定部分才會使用 Skitch（馬賽克的話則是使用 Redacted）。
Archiveror 快速備份、永久保存當前看到的網頁內容（Chrome、Firefox）
現在放到網路上的任何資料都可能被永久保存，即使編輯或刪除頁面內容依然無解，大家都知道搜尋引擎 Google 或 Bing 會索引頁面，短時間內就會快取內容，但我之前曾經提到過的網頁時光機 Wayback Machine 可以完整備份網頁畫面及相關檔案，提供可永久引用的來源，如果某個網站營運時間夠長，重要性很高，甚至能夠回溯到更早以前某個時間點畫面。因此網路上的足跡是很難被抹除的，要將任何文字圖片放上網路時務必要更謹慎小心。