最佳實踐:處理圖像
優化圖像
優化只是意味著保持所要求的水平保持圖像質量的圖像小大小。 有負載的程序,一旦可以進行優化之前,他們交付的服務器加載的圖像。 我們創造這些圖像(Photoshop中,煙花等)所使用的工具通常有工具,允許用戶優化網絡使用的形象。
•檢查 GIF,看看他們使用的是調色板的大小對應於圖像中的顏色數量。 當圖像使用的是4色和256色調色板,然後圖像可以進一步優化
•轉換成GIF的巴新在可能的情況下,看看是否有節省。 往往不是存在。 不要猶豫,使用PNG的,因為它們是完全最常用的瀏覽器支持。 預計一個 PNG的動畫功能可以做一個 GIF,包括透明度。
•在CSS精靈所使用的圖像,安排在水平垂直通常在較小的文件大小的結果,而不是的sprite圖像。 同時,結合在一個精靈類似顏色的圖像。 這有助於你保持顏色計數低,在256色的理想,所以適合在一個 PNG8。
•如果您使用的是favicon.ico,保持它的小,最好在1K,。
使用適當的調整 /調整大小的圖像。
始終嘗試使用調整大小的圖像,即不使用比你需要的僅僅是因為你可以在HTML中的寬度和高度設置一個較大的圖像。 如果您需要在頁面上顯示的是100px X 100px的圖像,然後不使用下拉200x200px圖像縮放的。
使用逐行圖像
網頁瀏覽器已經逐步呈現圖像。 要做得更好,只需保存您的GIF或PNG圖像“隔行掃描”選項,或您的JPEG圖像與“進步”選項。
Web用戶之間進行的辯論,以進取的形象是否是福還是一個障礙。 另外一個漸進的形象重約 20%,比非漸進對口。 所以,如果你認為你的佈局使用,不會妨礙用戶體驗,積極進取的圖像時,覺得這樣做。










































