現在的web檔越來越大，隱形宣言越來越多，再加上web性能低下的原因，我認為圖形檔沒有被優化是最主要的因素。 因為許多網頁設計師為了提供用戶最好的流覽經驗，經常會提高圖形的解析度，使其看起來很美。 但是，我並不認為大多數使用者的流覽環境實際上是不可能的
享受這樣高解析度的圖形檔。 特別是現在的用戶不僅使用桌上型電腦，還使用小螢幕的移動設備。 如果將圖形壓縮為io%左右的檔大小，則在原來的桌面大畫面無法識別的情況下，小畫面的移動設備完全不會感覺到解析度下降，但在圖形壓縮後，可以大幅提高頁面性能。 因此，進行圖形檔的優化工作也是網頁內的調整非常重要的工作。
有多種方法可以優化圖形檔。 第一種方法是使用熟悉的圖形編輯工具降低解析度，然後進行其他歸檔。 第二種方法是使用谷歌的WebP圖形檔案格式。 第三種方法是使用雅虎的Smush.it進行圖形壓縮。 第一種方法很少介紹，因為有太多的圖形編輯工具。 本章僅介紹如何壓縮WebP和Smush.it這兩個圖形。
谷歌希望在2010年推出WebP圖形檔案格式，以提高網路圖像的性能。 谷歌表示，WebP的壓縮性能比JPEG高39.8%，用戶可以自行決定壓縮率和圖像品質。 如圖5-37所示，WebP的壓縮能力優於JPEG2000和“PEG”。 一些研究統計表明，從網頁傳輸的資料中有65%是影像檔，因此如果提高圖形檔的性能，可以更快地顯示網頁。 另外，用WebP工具壓縮的檔在解析度上沒有太大差異。 使用WebP圖形壓縮工具，使用以下命令壓縮圖形檔，將sample.jpg以80%的品質輸出到sample.webp:從而將圖形檔大小從2，342，825位元組縮小到350，322位元組
Smush.it是雅虎提供的工具，可以使用web介面壓縮JPG/GIF/PNG圖形檔，也可以使用Wordpress外掛程式批量壓縮，但很遺憾，該工具的檔大小很小
優化web檔可以縮短下載網頁的時間。 如果網頁中包含許多圖形，其改進程度可能會出乎意料，但在對圖形檔進行優化壓縮之前，請存檔原圖，測試各種壓縮方法和壓縮率，最終決定優化狀態在之後統一進行。
0 Comments