作為網頁的根本元素,圖片是影響頁面加載速率的癥結身分之一。和圖片相幹的網站優化技巧有 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