網頁圖片最佳化!如何壓縮檔案大小又不失真?

網站通常包含大量的圖片，沒有處理好的話對網站會有很大的影響，圖檔過大一方面會造成網站讀取速度慢，瀏覽者沒耐性等待就會流失客群、影響網站排名；二方面消耗大量網站主機流量，造成主機成本不斷提高。

要讓網頁圖片在不失真的情況下縮小檔案，有兩個重點：

1.標準網頁圖片需求

網頁的圖片使用的是點陣圖，和平面設計的向量圖有幾點不同：

1. 像素(px)為單位：

   網頁上的照片最清楚的尺寸是 1比1 ，要呈現圖片大小200 * 200px時，圖檔就做剛剛好200 * 200px即可

2. 解析度：

   印刷用解析度必須在300dpi以上，而網頁用解析度只需要 72dpi 即可

3. 色彩模式：

   必須要為 RGB 模式

2.壓縮圖片大小不失真

網站的圖片如果使用Potoshop 軟體製作，在存檔時選擇"儲存為網頁用"，品質選擇"高"或"極高"再儲存即可。

如果電腦沒有Potoshop軟體的話，也可以利用線上壓縮圖檔工具https://compressor.io