網(wǎng)頁(yè)圖片優(yōu)化的實(shí)用工具和技巧分享
作為網(wǎng)頁(yè)的基本元素，圖片是影響頁(yè)面加載速度的關(guān)鍵因素之一。和圖片相關(guān)的網(wǎng)站優(yōu)化技術(shù)有 CSS Sprites（圖片合并）、延遲加載、圖片漸進(jìn)增強(qiáng)等等。下面向大家分享網(wǎng)頁(yè)圖片優(yōu)化的一些優(yōu)秀工具和技巧。
TinyPNG 使用智能有損壓縮技術(shù)，以減少 PNG 文件的大小。
Smush.it 通過刪除圖片文件中的不必要的字節(jié)信息來減少圖片尺寸。
OptiPNG 是一款 PNG 圖片壓縮工具，不會(huì)丟失信息。
通過找到***的壓縮參數(shù)，消除不必要的注釋和顏色配置文件，可以處理 PNG、JPEG 和 GIF 動(dòng)畫圖片。
CodeKit 可以幫助你建立更快，更好的網(wǎng)站，它也可以幫助你優(yōu)化圖像。
imgo 是一種無損圖像自動(dòng)優(yōu)化工具。能夠把一個(gè)文件夾中的圖像***程度的優(yōu)化。
用于延遲圖片延遲加載的 jQuery 插件。
圖片優(yōu)化文章推薦
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
原文鏈接：http://www.cnblogs.com/lhb25/archive/2013/02/26/tools-and-tips-on-how-to-optimize-images.html
