朋友圈

400-850-8622

全國統(tǒng)一學習專線 9:00-21:00

位置:北京平面設計培訓資訊 > 北京網(wǎng)頁設計培訓資訊 > 終于懂了如何優(yōu)化網(wǎng)頁圖片

終于懂了如何優(yōu)化網(wǎng)頁圖片

日期:2019-11-02 21:07:30     瀏覽:264    來源:天才領路者
核心提示:網(wǎng)頁設計中,為了表達文章內(nèi)容,會加以圖片來說明,更有很多網(wǎng)站以圖片為主,那么如何優(yōu)化圖片呢?今天小編主要給大家分享如何優(yōu)化網(wǎng)頁圖片,希望對你們有幫助!?一、提高圖片加載速度?1.圖片格式選擇?圖片優(yōu)先選擇JPG格式為什么??搜索引擎喜歡高質

網(wǎng)頁設計中,為了表達文章內(nèi)容,會加以圖片來說明,更有很多網(wǎng)站以圖片為主,那么如何優(yōu)化圖片呢?今天小編主要給大家分享如何優(yōu)化網(wǎng)頁圖片,希望對你們有幫助!

如何優(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)的位置一樣。所有盡可能確保把圖片放在相關文字的旁邊。 ?

如果本頁不是您要找的課程,您也可以百度查找一下: