朋友圈

400-850-8622

全國(guó)統(tǒng)一學(xué)習(xí)專線 9:00-21:00

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

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

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

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

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

?

一、提高圖片加載速度 ?

1. 圖片格式選擇 ?

圖片優(yōu)先選擇JPG格式為什么? ?

搜索引擎喜歡高質(zhì)量的圖片,這就是為什么他們不喜歡8位PNG的原因。也喜歡體積小的圖片,有利于圖片的加載速度。JGP就是這種圖片質(zhì)量即高又體積小的圖片,為什么呢?查看每種類型圖像質(zhì)量和圖片大小的關(guān)系。(對(duì)于文章中的插圖,logo和小圖標(biāo)除外) ?

JPG, 60mass - 32K ?

Png-8, 256色- 37K ?

GIF和256色- 42K ?

PNG - 24- 146k ?

2.刪除空白部分 ?

圖像優(yōu)化可以刪除圖像的空白部分 ?

就像谷歌logo一樣,去掉多余的空白,減小圖像大小,縮短加載時(shí)間。你可以參考谷歌的logo ?

3.定義大小 ?

將圖像切成所需的實(shí)際大小,并避免使用CSS來定義大小 ?

例如,有一個(gè)600*500的圖片,但文章需要400*350的圖片,正確的圖片seo優(yōu)化方法是:直接將圖片更改為400*350,而不是在CSS中定義。 ?

二、提高圖片質(zhì)量 ?

圖像質(zhì)量包括圖像本身的質(zhì)量和搜索引擎對(duì)圖像的理解 ?

使用JPG或其它高質(zhì)量格式的圖像 ?

(參考理由:圖片格式選擇) ?

1. 圖片主題 ?

用描述性的名字給圖片命名,例如:狗在花園路啃骨頭.jpg 要比123.jgp或者狗.jpg好很多。 ?

這樣做可以在搜索引擎在圖片的網(wǎng)頁找不到適合信息時(shí)會(huì)使用圖片名稱作為圖片摘要;有助于搜索引擎理解圖片;增加關(guān)鍵詞密度。 ?

2.Alt屬性 ?

當(dāng)圖像顯示失敗時(shí),可以在Alt屬性中顯示文本,不要寫得太長(zhǎng),否則會(huì)被當(dāng)成垃圾來處理。 ?

3.環(huán)境 ?

圖片周圍的文字對(duì)于搜索引擎理解圖片的含義非常重要。把圖片插在合適的位置對(duì)圖片優(yōu)化來說至關(guān)重要,像關(guān)鍵詞在文章中出現(xiàn)的位置一樣。所有盡可能確保把圖片放在相關(guān)文字的旁邊。 ?

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