欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

網(wǎng)頁(yè)圖片優(yōu)化工具及使用技巧分享

  發(fā)布時(shí)間:2013-02-26 15:20:40   作者:佚名   我要評(píng)論
圖片作為網(wǎng)頁(yè)的基本元素是影響頁(yè)面加載速度的關(guān)鍵因素之一,和圖片相關(guān)的技術(shù)也有很多CSS Sprites(圖片合并)、延遲加載、圖片漸進(jìn)增強(qiáng)等等,本文分享網(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

TinyPNG 使用智能有損壓縮技術(shù),以減少 PNG 文件的大小。

Tools and Tips on how to Optimize Images for the Web

 

Smush.it

Smush.it 通過(guò)刪除圖片文件中的不必要的字節(jié)信息來(lái)減少圖片尺寸。

 

OptiPNG

OptiPNG 是一款 PNG 圖片壓縮工具,不會(huì)丟失信息。

Tools and Tips on how to Optimize Images for the Web

 

ImageOptim

通過(guò)找到最好的壓縮參數(shù),消除不必要的注釋和顏色配置文件,可以處理 PNG、JPEG 和 GIF 動(dòng)畫圖片。

Tools and Tips on how to Optimize Images for the Web

 

CodeKit

CodeKit 可以幫助你建立更快,更好的網(wǎng)站,它也可以幫助你優(yōu)化圖像。

Tools and Tips on how to Optimize Images for the Web

 

imgo

imgo 是一種無(wú)損圖像自動(dòng)優(yōu)化工具。能夠把一個(gè)文件夾中的圖像最大程度的優(yōu)化。

Tools and Tips on how to Optimize Images for the Web

 

jQuery Lazyload

用于延遲圖片延遲加載的 jQuery 插件。

Tools and Tips on how to Optimize Images for the Web

圖片優(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

相關(guān)文章

最新評(píng)論