- 作(zuò)者:
- 發表時(shí)間(jiān):2017-09-18 09:14
- 來(lái)源:
圖片優化是網站(zhàn)要進行(xíng)優化的一個(gè)十分重要的方面,傳統意義上(shàng)的優化僅僅隻是圖片要加alt标簽或是僅僅壓縮。但(dàn)這樣太過粗陋,以下帶來(lái)詳細技(jì)巧。
1、數(shù)據寫圖
通(tōng)過圖片編号搜索圖片,不會(huì)在搜索引擎的那(nà)一端産生(shēng)流量,所以也不會(huì)對浏覽點擊量做(zuò)太多(duō)貢獻,非常低(dī)效且可(kě)惜,尤其是有(yǒu)數(shù)量龐大(dà)的産品時(shí)。我們良好用來(lái)寫成alt标簽,從而提升浏覽時(shí)的流量,完成優化。
2、拍攝角度
産品照片良好是有(yǒu)多(duō)個(gè)角度的效果圖,全方位的展示才能更好的吸引浏覽者在本網站(zhàn)上(shàng)停留更長的時(shí)間(jiān)。這個(gè)寫alt标簽良好是保持它的連續性與結構性。可(kě)以用老圖的格式,千萬不要用全新的寫法來(lái)輸出圖片。
3、大(dà)圖顯示
良好不要将大(dà)圖原圖直接放在網頁上(shàng),然後用css一類的軟件去縮小(xiǎo)它,這樣雖然外觀看着似乎變 小(xiǎo)了,但(dàn)是依然不變,網頁載入的速度會(huì)變慢。我們可(kě)以先放上(shàng)一張比較小(xiǎo)的圖片,随後可(kě)以設置查看大(dà)圖的功能。
還(hái)有(yǒu)就是,雖然将大(dà)圖切分成小(xiǎo)圖然後拼接也可(kě)以得(de)到比較理(lǐ)想的加載速度。但(dàn)是圖片數(shù)量變多(duō) 之後,服務器(qì)的請(qǐng)求數(shù)量會(huì)增加,從而間(jiān)接使網頁加載速度下降。所以良好是為(wèi)體(tǐ)積過大(dà)的圖片準備新的服務器(qì)。
4、使用正确格式
現在軟件行(xíng)業與網頁制(zhì)作(zuò)主流有(yǒu)三種圖片格式jpg,gif和(hé)png。接下來(lái)我們看一看這三者各有(yǒu)什麽特點,又該如何應用:
JPEG(jpg)是常用的壓縮後圖片格式,可(kě)以支持較大(dà)程度的壓縮。如果網頁對圖片清晰度有(yǒu)比較高(gāo)的要求的話(huà),jpg格式的圖片相對于其它兩者具有(yǒu)十分明(míng)顯的優勢。
GIF(gif)的圖片清晰度會(huì)差很(hěn)多(duō),通(tōng)常隻是用來(lái)作(zuò)十分簡單的連續演示,這個(gè)格式的圖片也能夠讓設計(jì)者制(zhì)作(zuò)動畫(huà)。Gif不能滿足高(gāo)質量的圖片需求。
PNG格式比GIF更加可(kě)靠,因為(wèi)png格式下的圖片的色譜要比GIF豐富許多(duō)。此外,和(hé)jpg格式相同,無論多(duō)少(shǎo)次保存都不會(huì)對圖片的質量産生(shēng)不利影(yǐng)響。且PNG格式的圖片體(tǐ)積極小(xiǎo),占用空(kōng)間(jiān)極小(xiǎo)。且PNG無所謂背景是否透明(míng),一般的标志(zhì)或者裝飾圖案都會(huì)選擇使用png格式。但(dàn)要注意PNG-24版本下的圖片要大(dà)于同樣情況下的PNG-8版本下的圖片的三倍以上(shàng),應當仔細選擇與使用。