通常使用者會對上傳到網站、部落格的照片進行處理，最常見的就是圖片壓縮，為什麼要壓縮呢？礙於網頁開啟及載入速度等因素，如果維持原始圖片大小可能會佔用過多流量，尤其 3G、4G 行動網路連線可能不是那麼穩定的情況下，往往會因為等待圖片載入耗費過多時間而提前跳出網頁，更好的方法就是盡量讓圖片縮小，也減少伺服器的流量消耗，同時增加使用者停留在網站的機會。
PNG
IconBros 持續更新高品質免費圖示集，SVG 和 PNG 格式下載
網路上有無數的素材和圖示集，分為免費和付費項目，如果不是非必要，我認為免費圖示就有不少高品質選擇，當然很多時候圖示都必須和你現有的設計風格配合，才能夠就我的經驗來說，越簡單的設計就更能融入更多的風格中，因此我多半會從較為簡潔的圖示開始找起，例如之前介紹過的 Maki Icons、Ionicons、Zondicons 和 Feather 都是相對適合使用於各種設計的圖示集。
FREE LINE DESIGN 免費下載 400 種分隔線圖案，向量點陣圖素材可商用
分隔線在網頁設計裡聽起來好像有點古老，印象中一開始學習網頁時 FrontPage 就已經內建分隔線工具，後來使用的人慢慢變少，不過在一些日本網站中還是很常看到分隔線蹤跡，尤其是設計很可愛又精緻的日系網站，通常會以圖案來取代單調的直線。當然圖案除了有區分內容的功能外，還能使網站看起來更生動有趣，但這類素材其實並不好找，從日本網站或許可以挖掘兼具美感和功能性的分隔線圖案。
Caself 提供 800 種免費紋理背景圖片下載，網頁設計必備素材推薦
我在設計網頁時傾向使用單色背景，不過很多時候選擇合適的背景圖看起來會使網站更有質感，也讓視覺上不會過於呆板，那麼要去那裡找到這些素材呢？之前曾經介紹「Hero Patterns 免費 SVG 重複背景圖產生器，CSS 程式碼複製貼上快速套用」就是相當值得加入書籤收藏的背景產生器，透過它能建立出具有重複背景效果的圖案，除此之外，Subtle Patterns 和 Novapattern 分別提供 400 個高品質紋理背景素材和 Photoshop 可編輯的圖片讓使用者免費下載。
100% 免費！illustrio 提供完整可自訂性免費圖示素材下載
如果你曾仔細觀察，免費圖示網站早期多以素材數量為賣點，近年則逐漸轉型成具自訂性，可快速調整配色風格的工具，當然圖示本質上沒有改變，只是多了客製化功能，既能滿足不同使用者的需求，更能讓圖示素材發揮最大效益。這些自訂功能都設計得非常易於操作，對於像我沒什麼繪圖軟體使用經驗的一般用戶來說，新型態免費圖示工具簡直是救星！例如之前介紹過的 Iconshock、Iconfiner Icon Editor 都讓線上設計圖示變得更快更簡單。
Openclipart 超過 100,000 張向量美工插圖 CC0 授權免費下載可商用
還記得十幾年前很流行美工圖案（Clip Art），經常在 Office 或「非常好色」之類的文書處理及圖片編輯軟體中看到，可惜前幾年微軟決定把美工圖案功能拿掉，改以 Bing 圖片來取代原有的這項功能，或許也更符合目前的趨勢。但手繪感插圖確實在網路發展歷史上佔有一席之地（少說超過十年），如果你還有印象，早期網頁很常使用的 GIF 圖現在看起來也顯得有些過時吧！假如你想設計一份公告、說明手冊，可能還會用到美工圖案，可以改從網路上其他網站搜尋下載。