網(wǎng)頁設計中,為了表達文章內(nèi)容,會加以圖片來說明,更有很多網(wǎng)站以圖片為主,那么如何優(yōu)化圖片呢?今天小編主要給大家分享如何優(yōu)化網(wǎng)頁圖片,希望對你們有幫助!
?
一、提高圖片加載速度 ?
1. 圖片格式選擇 ?
圖片優(yōu)先選擇JPG格式為什么? ?
搜索引擎喜歡高質量的圖片,這就是為什么他們不喜歡8位PNG的原因。也喜歡體積小的圖片,有利于圖片的加載速度。JGP就是這種圖片質量即高又體積小的圖片,為什么呢?查看每種類型圖像質量和圖片大小的關系。(對于文章中的插圖,logo和小圖標除外) ?
JPG, 60mass - 32K ?
Png-8, 256色- 37K ?
GIF和256色- 42K ?
PNG - 24- 146k ?
2.刪除空白部分 ?
圖像優(yōu)化可以刪除圖像的空白部分 ?
就像谷歌logo一樣,去掉多余的空白,減小圖像大小,縮短加載時間。你可以參考谷歌的logo ?
3.定義大小 ?
將圖像切成所需的實際大小,并避免使用CSS來定義大小 ?
例如,有一個600*500的圖片,但文章需要400*350的圖片,正確的圖片seo優(yōu)化方法是:直接將圖片更改為400*350,而不是在CSS中定義。 ?
二、提高圖片質量 ?
圖像質量包括圖像本身的質量和搜索引擎對圖像的理解 ?
使用JPG或其它高質量格式的圖像 ?
(參考理由:圖片格式選擇) ?
1. 圖片主題 ?
用描述性的名字給圖片命名,例如:狗在花園路啃骨頭.jpg 要比123.jgp或者狗.jpg好很多。 ?
這樣做可以在搜索引擎在圖片的網(wǎng)頁找不到適合信息時會使用圖片名稱作為圖片摘要;有助于搜索引擎理解圖片;增加關鍵詞密度。 ?
2.Alt屬性 ?
當圖像顯示失敗時,可以在Alt屬性中顯示文本,不要寫得太長,否則會被當成垃圾來處理。 ?
3.環(huán)境 ?
圖片周圍的文字對于搜索引擎理解圖片的含義非常重要。把圖片插在合適的位置對圖片優(yōu)化來說至關重要,像關鍵詞在文章中出現(xiàn)的位置一樣。所有盡可能確保把圖片放在相關文字的旁邊。 ?