除了 Facebook 以外 Twitter 也是大多數消息來源，尤其在歐美使用率可能比臉書還要普及，有時候在推特上會看到不少有趣的貼文，可惜無法直接分享到 Instagram 限時動態（當然也可以手動擷取畫面），之前介紹過很有趣的 App「Tuigram」讓使用者快速將 Twitter 貼文製作成圖片，內建三種配色效果，透過手機分享功能選擇 Tuigram 可以將推特貼文轉為可分享至 IG 限時動態的圖片格式。
截圖
Device Shots 將圖片快速整合到手機、平板電腦或筆電顯示器螢幕
有時候我們會需要將應用程式或是網站畫面呈現在裝置上，例如在設計網站、介紹教學或展示產品會用到，不過要直接拍攝裝置其實並不容易，除非本身有不錯的攝影器材和光線，還得加上後製修圖的時間，其實只要使用 Mockups 工具就能輕鬆做到，我之前介紹過 Qurb、Mobile Mockup 和 MockUPhone 都能達到類似效果，像是將畫面整合到手機、平板電腦或是筆記型電腦，還能選擇不同的裝置外框、顏色或背景顏色等等，即使手邊沒有軟體也能輕鬆製作素材。
Screenshot Rocks 線上製作帶有瀏覽器或手機外觀的網頁擷圖
如何製作出上圖帶有瀏覽器外框的網頁擷圖畫面呢？可能很多人會選擇打開網頁，將視窗調整到適當大小後擷圖即可，這個答案好像也沒有錯，只是相較於使用 Mockup 工具來說會更費時費力，其實只要透過像是 BrowserFrame 或 Mobile Mockup 就能在輸入網址後快速製作出模型圖，看起來會比自己擷取還要更有質感。如果是 Mockup Photos、Smartmockups 還能直接套用免費圖庫提供的高品質相片，免費資源網路社群有一部分的文章首圖都是以類似工具處理，看起來很自然而且能提昇質感。
Snippyly 擷取網頁畫面、編輯並產生可編輯分享鏈結（Chrome 擴充功能）
變更 Mac 內建拍攝截圖功能格式、儲存路徑和螢幕快照檔名
在免費資源網路社群寫文章已經是維持十多年的習慣，既然每篇文章都是文字搭配圖片的教學文，擷圖就是我每天都會用到的工具，較早以前我是使用 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 預覽網站在不同尺寸螢幕顯示效果。