在設計網頁或是配置版面時經常會需要預先保留圖片位置，讓開發或示範時使畫面更接近最終樣貌，如果手邊的圖片還沒處理，我們可以透過佔位圖片（Placeholder）呈現出特定大小的圖片範圍。簡單來說，佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖，省去必須自行裁切圖片的麻煩，因為是以網址形式載入圖片，即使沒有下載圖片依然能在網頁上顯示，我曾介紹過的 Unsplash It、Placekitten、Placemat 和 PlaceKeanu 都是類似應用。
網頁設計
Fluent Icons 免費下載 965 個漂亮專業的流暢設計風格圖示
Favicon.io 最強大的網站圖示產生器，可線上文字製作或以圖片轉換
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半以響應式網頁設計（Responsive web design）技術直接在不同尺寸螢幕上顯示最適合的樣式，更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形，除了直接使用手機瀏覽外，其實也有不少工具可以輔助，像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。
Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果（Chrome 擴充功能）
對中文網頁來說，CSS 字型設定一直是個麻煩的問題，想直接載入字型檔案容量太大，拖慢網頁速度、耗費過多流量，通常會使用網頁字型解決，像是 Google Fonts 和 Adobe Fonts（以前叫作 Typekit）就有提供思源黑體和思源宋體等中文網頁字型，只要加入一段 JavaScript 程式碼並調整一下 CSS 樣式表就能使用，讓網頁的中文部分更易於閱讀，設計看起來也更有質感。
Favic-o-Matic 快速裁切、製作各種尺寸大小的 Favicon 網站圖示
Dareful 提供免費 4K 影片素材，下載 MP4 格式採 CC 授權可商用
一般來說，大家比較常使用的免費圖庫多半以提供相片為主，如果要尋找影片素材，也有幾個很知名的影片庫可以搜尋，像是 Pexels Videos、Pixabay Videos 就是在既有的圖庫本業以外再提供影片資源，Coverr、Mixkit 和 Stockio 都能找到不少免費影片，當然影片的數量不如圖片來得多，而且也會考慮到畫質音質或是授權方式等等因素，要付費購買影片內容相對來說成本也更高，若非必要或沒有額外預算其實可以善用網路資源。
