圖像優化

Question

我想知道像使用yslow將圖像（gif或jpeg）轉換爲png8 smushit會提高網站性能的速度嗎？將在ie6中工作？

Answer 1

這取決於圖像。 PNG適用於具有彩色塊的圖像，而jpeg適用於照片類型的圖像。 Smushit將刪除任何多餘的字節，減少文件大小，但是如果在單獨文件中有許多小圖像，則應考慮對它們進行精簡以減少加載頁面所需的連接數。

減少文件大小將有所幫助，但減少文件數有助於最大（通常）。

Answer 2

有許多這裏涉及的因素：

• 在圖像
• 大小在圖像
• 速度（兆）字節的像素的尺寸在所述圖像可以是發送給用戶。這是您的服務器速度和用戶連接速度的組合。
• 瀏覽器讀取圖像並將其轉換爲位圖以供顯示的時間
• 用戶計算機/圖形卡組合的速度。

我不知道，將圖像轉換爲PNG將會使您的網站的表現這麼大的區別，除非你知道的瓶頸是由於您的圖像的大小（以字節爲單位）。如果用戶的連接速度很慢，那麼這不會有幫助。

Answer 3

你的問題非常模糊。無論如何，我會盡力回答。

首先，性能有兩個端點：您的站點的查看器和它運行的機器。由於允許頁面加載速度更快，因此查看器肯定會受益於更小的（關於文件大小）圖像。對於服務器來說，差異通常並不重要，除非您接近連接的峯值帶寬。

對於（非動畫）GIF圖像，轉換爲PNG8應該無痛且有益，因爲PNG壓縮要好得多。此外，Internet Explorer 6不會出現使用1位Alpha通道顯示PNG圖像的問題（這基本上也是GIF所具有的）。當使用8位alpha通道時，IE6將會有顯示僞像。

將JPEG圖像轉換爲PNG幾乎肯定會增加文件大小並且不會提高圖像質量，所以我建議不要這樣做。

Answer 4

它會使它更快下載。由於PNG（AFAIK）使用更好的壓縮算法，因此PNG（AFAIK）的文件總是比GIF小。雖然像Photoshop這樣的程序會增加一些元數據的開銷。它也是無損的，這意味着你不會失去任何圖像的質量。

它將在IE6中工作，因爲它支持PNG8。 IE6不支持具有24位Alpha透明度的PNG。有一個hack，但它不是最佳的，但它總比沒有好。