為什么說(shuō)網(wǎng)站中的圖片優(yōu)化很重要呢,因?yàn)榫W(wǎng)站是提供用戶瀏覽的,如果我們網(wǎng)站中的圖片過(guò)多,并且沒(méi)有任何處理,那么,當(dāng)用戶瀏覽網(wǎng)站時(shí)就會(huì)遇到圖片夾在速度過(guò)慢,或者網(wǎng)站速度過(guò)慢,這樣就會(huì)市區(qū)很多機(jī)會(huì)。所以圖片的優(yōu)化要重視。在下面的內(nèi)容中,小編會(huì)向大家分享下圖片優(yōu)化的一些技巧。
首先我們要用結(jié)構(gòu)化數(shù)據(jù)寫(xiě)產(chǎn)品圖片的ALT,一般來(lái)說(shuō),用戶更傾向于搜索品牌詞、產(chǎn)品系列的詞組組合和變化,那么alt標(biāo)簽的結(jié)構(gòu)化規(guī)則就出來(lái)了,可以寫(xiě)為:alt=”{品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號(hào)}”。對(duì)于產(chǎn)品圖片的描述來(lái)說(shuō),不建議寫(xiě)過(guò)多冗余內(nèi)容,保持?jǐn)?shù)據(jù)結(jié)構(gòu)化,做到關(guān)鍵詞辨識(shí)度高,關(guān)鍵詞信息豐富就可以了,千萬(wàn)不要做關(guān)鍵詞堆積。
其次是關(guān)于大圖的顯示問(wèn)題,我們建議大家將大圖直接放在網(wǎng)頁(yè)上,然后用css將圖片縮小,雖然你看上去圖片變小了,但是圖片的尺寸還是實(shí)實(shí)在在存在的,這會(huì)影響加載速度。盡量將大圖切成一張張小圖做拼接,這樣做可以讓圖片快速顯示,但同時(shí)一張圖片切成小圖之后,服務(wù)器的請(qǐng)求數(shù)會(huì)增加,從而會(huì)影響網(wǎng)頁(yè)加載速度。所以,如果圖片的體積實(shí)在過(guò)大的話,建議為圖片專門(mén)配置新服務(wù)器。
然后給圖片減肥,有些人認(rèn)為圖片的大小應(yīng)該保持在70kb以下,不過(guò)這個(gè)有時(shí)候是很困難的,特別對(duì)于大圖片來(lái)說(shuō)幾乎是不可能的,除非你不求清晰度。我個(gè)人倒是覺(jué)得,不要用一個(gè)標(biāo)準(zhǔn)去限制每一張圖片的大小,關(guān)鍵在于,我們有沒(méi)有去執(zhí)行,有沒(méi)有看到我這篇博文后去真正壓縮圖片,這才是關(guān)鍵。
最后要選對(duì)圖片的格式,目前有三種非常流行的圖片格式,JPEG,GIF,和PNG。JPEG格式是最常用的圖片壓縮格式,支持最高級(jí)別的壓縮。所以,盡量選用常用的圖片格式進(jìn)行上傳。