因為工作需求我時常需要對螢幕進行擷圖，擷取瀏覽器、應用程式視窗畫面，透過 SizeUp 工具可快速調整視窗大小（SizeUp 不是免費軟體，Spectacle 是功能類似的免費替代方案），不過很難得知實際瀏覽器顯示解析度，如果是開發者或設計師想調整頁面，可能需要設定一個確切的顯示範圍進行更精準測試，接下來要介紹的小工具可以滿足類似需求。
網頁設計
Placy 線上佔位圖產生器，製作特定尺寸範例圖三種格式下載
Share Icon 超過 25 萬個免費圖示下載！PNG、SVG 兩種主要格式
WebPageTest 網站效能檢測工具，協助將使用體驗核心等各項指標最佳化
大家都知道 Google 今年已將網站使用體驗核心指標（Core Web Vitals）列為搜尋排序因素之一，也就是說管理者需要努力讓網站三項指標：LCP、FID 和 CLS 維持在良好狀態，因此除了速度也要考量到各種網頁元件放置，透過不斷修改調整和測試來使瀏覽者獲得更好的體驗，如果是 Cloudflare 使用者不妨開啟「啟用 Cloudflare Browser Insights 收集網站 Web Vitals 和效能指標」功能來分析數據，Google 自家提供的 PageSpeed Insights 也能在輸入網址後進行檢測並獲得相關數據表現。
FreeIcons 收錄 10 萬個免費開源圖示素材，向量格式下載可商用
Iconshock 開發了一個「Free Icons」工具，收錄超過 100,000 個免費開放原始碼圖示、50 種以上開源圖示集，很多都是免費資源網路社群介紹過的圖示專案，例如 Unicons、Iconic、Octicons 和 Feather Icons 等等，這項服務將這些圖示重新標記，加入更精確的搜尋功能，讓使用者可以更準確找到需要的圖示，也能在下載前對圖示上色，選擇不同的圖片格式、尺寸大小。
