網(wǎng)站提速篇：網(wǎng)站圖片優(yōu)化教程

如何通過(guò)優(yōu)化網(wǎng)站圖片，來(lái)給網(wǎng)站提速？這是很多新手站長(zhǎng)碰到的難題

不少新建站的用戶，在部署完網(wǎng)站后，找到空間客服抱怨網(wǎng)站打開(kāi)慢
當(dāng)客服核驗(yàn)證實(shí)空間、網(wǎng)絡(luò)沒(méi)問(wèn)題，ping值優(yōu)良的情況下，那為啥還會(huì)覺(jué)得網(wǎng)站慢呢？
其實(shí)，很大成分的原因是網(wǎng)頁(yè)圖片過(guò)大造成的。下面給大家普及一下網(wǎng)站建站知識(shí)篇：圖片的優(yōu)化

網(wǎng)站圖片格式對(duì)網(wǎng)站的影響

網(wǎng)站的圖片絕大部分使用.jpg格式為主，而.png 和.gif格式為輔

如果您的網(wǎng)站還有.bmp格式，那么您要小心了，這貨能讓您網(wǎng)站打開(kāi)拖得非常慢，bmp圖片動(dòng)輒就以M為單位

圖片必須壓縮原則

一個(gè)網(wǎng)站的優(yōu)化，不僅僅是內(nèi)容，圖片很重要
一張圖片壓縮、優(yōu)化后，比例可達(dá)到90%那么驚人！
舉個(gè)栗子：
上個(gè)月一個(gè)香港虛擬主機(jī)用戶，在部署網(wǎng)站后，抱怨打開(kāi)網(wǎng)站非常慢
我們測(cè)試服務(wù)器網(wǎng)絡(luò)各方面沒(méi)有問(wèn)題，后來(lái)發(fā)現(xiàn)他的網(wǎng)站打開(kāi)加載完成了，但是圖片還在一行行一幀幀的往下顯示，立刻明白怎么回事了。
但用戶很堅(jiān)持認(rèn)為，他在本地上瀏覽沒(méi)問(wèn)題。客服（無(wú)奈的笑）只能說(shuō)，您瀏覽本地測(cè)試的網(wǎng)站是不經(jīng)過(guò)網(wǎng)絡(luò)傳輸?shù)?，所以察覺(jué)不出來(lái)的。
后來(lái)我們幫他檢查圖片格式發(fā)現(xiàn)，首頁(yè)焦點(diǎn)圖banner部分，有4張1920x400的banner圖，每張圖2M！
最后我們通過(guò)85%的jpg壓縮后，每張圖只有后200k，是壓縮前的1/10，打開(kāi)速度秒開(kāi)！

圖片壓縮軟件與使用教程推薦

小量圖片壓縮軟件推薦：光影魔術(shù)手
教程與下載地址:
光影魔術(shù)手優(yōu)化網(wǎng)站圖片教程
安裝軟件后，打開(kāi)指定圖片，選擇修改尺寸，然后選擇保存
注意：保存jpg的竅門來(lái)了！ 選擇85%-90%的質(zhì)量比例，去除exif信息即可。

大批量圖片壓縮軟件推薦：Resize
教程與下載地址:
resize網(wǎng)站圖片壓縮教程
使用簡(jiǎn)要：
安裝軟件后，打開(kāi)指定的文件夾，選擇包含子目錄
注意：保存一個(gè)配置習(xí)慣，選擇100%尺寸（也就是不改尺寸，只改質(zhì)量），即可大批量壓縮圖片

網(wǎng)站圖片格式使用原則

尺寸大的圖片、顏色豐富的圖片
使用.jpg格式，例如banner圖部分，復(fù)雜的背景圖部分
尺寸極小的圖片
使用png或或gif，例如網(wǎng)站的邊框、裝飾、導(dǎo)航條背景部分
顏色單一的圖片尺寸卻很大的圖片
例如黑白，或者只有一兩種顏色的圖片，毫不猶豫，使用gif格式
（舉例：一張寬高尺寸都是1000像素的圖片，jpg要幾百m，而gif，只有幾k，所以很夸張吧？）
所以，您網(wǎng)站還有使用bmp格式的，毫不猶豫轉(zhuǎn)成jpg吧！

圖片尺寸使用原則

夠用理論：裁剪夠用的尺寸即可
這種情況，在租用我們香港虛擬主機(jī)的用戶里發(fā)生得很頻繁：
很正常的一個(gè)站點(diǎn)，打開(kāi)時(shí)，圖片加載非常緩慢，幾乎是要一分多鐘才打開(kāi)完整！
這就是未加工的大容量圖片造成的！網(wǎng)頁(yè)里插入了張大容量或大尺寸的圖片
由于用戶對(duì)尺寸和容量大小沒(méi)有具體認(rèn)知，所以很隨意的將圖片插入網(wǎng)頁(yè)中，或者文章里。

舉例說(shuō)明：您有一張手機(jī)拍攝的高清圖片，尺寸有4000，將近4M，其實(shí)插入網(wǎng)頁(yè)中，讓它顯示的有效位置才400，如果您有這個(gè)意識(shí)，裁剪到400容量才150k，壓縮比率居然是24倍。 所以，打開(kāi)網(wǎng)站加載速度慢的可想而知，即使您家里網(wǎng)速速度夠快，加載速度貌似影響不了您，但是，那您也要保證網(wǎng)站其他訪客網(wǎng)絡(luò)也是光纖才行??！

圖片場(chǎng)景使用原則

只用于適合場(chǎng)景
某些特殊原因，一些客戶喜歡透明圖片使用gif格式，或者一些展示動(dòng)畫(huà)的，直接用上gif了！
網(wǎng)頁(yè)里直接放動(dòng)圖，打開(kāi)是個(gè)噩夢(mèng)，非常緩慢
其實(shí)展示效果不如外部引入視頻播放器來(lái)得更快，因?yàn)榱髁渴鞘褂靡曨l網(wǎng)站的，不會(huì)讓您網(wǎng)站變卡！而且客戶可以自己控制
還有一種場(chǎng)景，用戶喜歡某些不規(guī)則透明圖片使用gif
您完全可以使用png代替

舉例說(shuō)明：您有一張手機(jī)拍攝的高清圖片，尺寸有4000，將近4M，其實(shí)插入網(wǎng)頁(yè)中，讓它顯示的有效位置才400，如果您有這個(gè)意識(shí)，裁剪到400容量才150k，壓縮比率居然是24倍。 所以，打開(kāi)網(wǎng)站加載速度慢的可想而知，即使您家里網(wǎng)速速度夠快，加載速度貌似影響不了您，但是，那您也要保證網(wǎng)站其他訪客網(wǎng)絡(luò)也是光纖才行??！