網(wǎng)站打開速度往往是我們在網(wǎng)站制作過程中非常關(guān)心的問題，網(wǎng)站打開慢不僅會影響用戶體驗，甚至?xí)?dǎo)致我們丟失大量客戶，所以優(yōu)化網(wǎng)站制作提高網(wǎng)站打開速度，是網(wǎng)站制作過程中一項重要的工作。在網(wǎng)站速度優(yōu)化過程中，網(wǎng)站圖片優(yōu)化尤為重要，網(wǎng)站圖片是影響網(wǎng)站打開速度的主要原因。那么，網(wǎng)站制作常用的網(wǎng)站圖片優(yōu)化方法有哪些呢？

一、將網(wǎng)站圖片尺寸截取到盡量小

網(wǎng)站制作為了保證頁面的美觀，我們通常會限制圖片顯示的區(qū)域，通常是給圖片指定顯示尺寸。但是事實上這些圖片的真實尺寸往往比指定的圖片顯示尺寸高。這樣一來不僅會導(dǎo)致網(wǎng)站圖片顯示的模糊、變形，而且也會導(dǎo)致圖片字節(jié)數(shù)變大，影響打開速度。所以我們很有必要將網(wǎng)站圖片尺寸截取到盡量小。

二、將網(wǎng)站圖片體積壓縮到盡量小

網(wǎng)站圖片的字節(jié)數(shù)大小可直接影響網(wǎng)站加載時間，最終影響到網(wǎng)站打開時間。同時在網(wǎng)站上往往會有很多圖片，可以在保證圖片品質(zhì)的同時將圖片字節(jié)數(shù)進行壓縮到很小。所以，將網(wǎng)站圖片體積壓縮到盡量小也是網(wǎng)站圖片優(yōu)化中重要的工作，通過這項工作基本上可以把網(wǎng)站速度提高一倍。

三、將網(wǎng)站圖片數(shù)量減少到盡量少

網(wǎng)站頁面的資源數(shù)量多少不僅影響網(wǎng)站的資源的加載時間，也影響網(wǎng)站資源的DNS請求時間，所以對網(wǎng)站資源的合并對提高網(wǎng)站打開速度是非常重要的。網(wǎng)站圖片作為網(wǎng)站打開速度優(yōu)化的重要對象，將網(wǎng)站圖片進行合并，使網(wǎng)站圖片數(shù)量盡量少能夠大大提高網(wǎng)站打開速度。主要方法就行對網(wǎng)站圖標、背景等圖片進行CSS貼圖處理。

四、將網(wǎng)站制作圖片進行延遲加載

好多時候我們網(wǎng)站的圖片比較多、網(wǎng)頁比較長，網(wǎng)站好多圖片不需要在第一時間呈現(xiàn)給客戶，通常是不在第一屏顯示的圖片，這時我們可以對這些圖片進行延遲加載，讓需要第一時間顯示的圖片更快的加載和顯示給客戶。通常的將網(wǎng)站制作圖片進行延遲加載方法有jquery.lazyload，具體使用方法請參考相關(guān)資料。

五、將網(wǎng)站制作圖片進行CDN加速

一般情況下，通過以上一種網(wǎng)站圖片優(yōu)化方法，我們就能把網(wǎng)站打開速度優(yōu)化到可觀的打開速度。但是如果你的網(wǎng)站圖片還是很大、很多，網(wǎng)站打開速度還是不能滿足客戶需求，那么我們還可以將網(wǎng)站的圖片進行CDN加速。通常的方法就是購買開放存儲服務(wù)OSS，然后為網(wǎng)站圖片資源建立獨立的網(wǎng)站，并為之進行CDN加速。