上傳到網站用的 PNG 檔一定要壓縮

這是我分享網站設計經驗時的天條之一，沒有壓縮的 PNG 檔往往大的很恐怖，在你上傳之前一定要用 Pngyu 或是 TinyPNG 先壓縮過，可以大幅的增加讀取的速度。

網頁連結  Windows 版下載  Mac 版下載

Pngyu 是一個操作簡單，並且支援批次壓縮的免費圖片工具。 它使用了和 TinyPNG 和 ImageAlpha 相同的 pngquant 壓縮引擎，可以將你 24 位元/ 32 位元的 PNG 圖片透過 Pngyu 壓縮到 8bit 的索引色，所以在檔案大小上才會有如此顯著的差異。

順便講一下：什麼時候用 PNG 檔案？

PNG 檔案通常用在「需要處理 Alpha 透明度（也就是說一張圖包含很多種透明）」，或是「需要很精緻的去背圖像」的時候使用。因為 PNG 的通道可以處理 24 位元和 48 位元的圖像，所以去背圖像不容易產生白邊，並且預設也不壓縮（這就是為什麼一張 PNG 透明圖往往可以超過 1MB），產生的圖像會比較精緻。

PNG 現在也廣泛在介面上使用。基本上 Sketch、Photoshop 切出來的圖都是 PNG。

但是如果你是要存一張「照片」，拜託存成.jpg 的格式就好了，不要浪費用戶讀取的時間。