作為網頁的根本元素，圖片是影響頁面加載速率的癥結身分之一。和圖片相幹的網站優化技巧有 CSS Sprites(圖片歸並)、耽誤加載、圖片漸進加強等等。上面向人人分享網頁圖片優化的一些優良對象和技能。

　　TinyPNG

　　TinyPNG 應用智能有損緊縮技巧，以削減 PNG 文件的巨細。

　　Smush.it

　　Smush.it 經由過程刪除圖片文件中的沒必要要的字節信息來削減圖片尺寸。

　　OptiPNG

　　OptiPNG 是一款 PNG 圖片緊縮對象，沒有會喪失信息。

　　ImageOptim

　　經由過程找到最好的緊縮參數，清除沒必要要的解釋和色彩設置裝備擺設文件，能夠處置 PNG、JPEG 和 GIF 動繪圖片。

　　CodeKit

　　CodeKit 能夠贊助你樹立更快，更好的網站，它也能夠贊助你優化圖象。

　　imgo

　　imgo 是一種無損圖象主動優化對象。可以或許把一個文件夾中的圖象最大水平的優化。

　　jQuery Lazyload

　　用於耽誤圖片耽誤加載的 jQuery 插件。

　　圖片優化文章推舉

　　Smashing Magazine – Optimize Images With HTML5 Canvas

　　Smashing Magazine – Clever JPEG Optimization Techniques

　　Smashing Magazine – Clever PNG Optimization Techniques

　　The Smashing Book – Performance Optimization for Websites

　　A List Apart – Responsive Images and Web Standards at the Turning Point

　　A List Apart – Using SVG for Flexible, Scalable, and Fun Backgrounds, Part II

　　A List Apart – Using SVG for Flexible, Scalable, and Fun Backgrounds, Part I

　　Six Revisions – The Comprehensive Guide to Saving Images for the Web

　　Six Revisions – JPEG 101: A Crash Course Guide on JPEG