網(wǎng)站圖片的運(yùn)用占據(jù)的大部分，若圖片運(yùn)用不佳，會(huì)直接影響網(wǎng)站后期用戶的觀看；網(wǎng)站兆數(shù)過(guò)大影響網(wǎng)站加載率，會(huì)很大程度上提高網(wǎng)站的跳出率。對(duì)于這方面，其實(shí)互聯(lián)網(wǎng)有很多類似的答案，比如把小圖片寫(xiě)到CSS，多張小圖片整合到一張，圖片限制大小等等，其實(shí)這類優(yōu)化都是浪費(fèi)時(shí)間又不賺錢的事情，一張不到10PX的圖片能加載多久？何必浪費(fèi)幾天的事情去處理這些細(xì)節(jié)，在想把細(xì)節(jié)處理好的前提是，把大問(wèn)題解決，那么我們網(wǎng)站的圖片上的大問(wèn)題在哪里呢？
圖片尺寸
很多人在發(fā)布企業(yè)網(wǎng)站產(chǎn)品圖片的時(shí)候，喜歡用代碼限制其圖片大小，而不是使用PS把圖片剪切了上傳，大家都知道，圖片剪切了后上傳相對(duì)會(huì)小一點(diǎn)，加載上面會(huì)快很多，而通過(guò)限制的方式，雖然瀏覽器會(huì)加載限制的大小，但一樣在加載原始圖片，所以上傳上去是1M還是會(huì)加載1M的圖片。
通常情況下，一個(gè)企業(yè)網(wǎng)站的內(nèi)容頁(yè)會(huì)有很多細(xì)節(jié)圖片，比如一張圖片算300K，5張細(xì)節(jié)圖片，那就有1M多，一個(gè)網(wǎng)頁(yè)總共才10-20K，一張圖片就要加載1M，如果客戶網(wǎng)速慢，那1M的圖片基本是加載不出來(lái)了。
延遲加載
延遲加載技術(shù)都是大型網(wǎng)站才會(huì)使用到的，不過(guò)有必要把這一技術(shù)應(yīng)用多圖片頁(yè)面，當(dāng)瀏覽器加載到某部位的時(shí)候，就加載某部位的圖片，其他圖片暫停加載，客戶看起來(lái)就不需要等待加載圖片了。這一技術(shù)我曾經(jīng)分享過(guò)，瀑布流圖片延遲加載技術(shù)，可以應(yīng)用到任意網(wǎng)站。就一段JS代碼，操作簡(jiǎn)單。
WEB格式圖片
在PS圖片的時(shí)候，建議選擇WEB格式保存圖片，這樣圖片文件小了，但不會(huì)很影響圖片的質(zhì)量，當(dāng)然如果有特別需求的，建議以下載的形式，或者點(diǎn)擊新窗口打開(kāi)的形式來(lái)開(kāi)啟圖片。通常情況下1M的圖片，使用WEB格式保存后，圖片的大小不會(huì)超過(guò)50KB的。
alt標(biāo)簽
搜索引擎暫時(shí)還未能識(shí)別圖片，對(duì)于圖片的收錄完全取決于Alt標(biāo)簽的文字。所以對(duì)于網(wǎng)站圖片應(yīng)做好Alt的編寫(xiě)，通常格式為 alt=編寫(xiě)內(nèi)容。