怎么做好網(wǎng)站圖片的優(yōu)化?

2013-10-08    分類(lèi): 網(wǎng)站建設(shè)

  怎么做好網(wǎng)站圖片的優(yōu)化?在優(yōu)化過(guò)程中,很多朋友的重心都放在了文本文字上,例如關(guān)鍵詞布局在什么地方好,今天要原創(chuàng)幾篇文章好等,也經(jīng)常聽(tīng)到有人說(shuō)用戶(hù)體驗(yàn)用戶(hù)體驗(yàn),卻很少把精力放在seo圖片優(yōu)化上。

  圖片在網(wǎng)頁(yè)中是不可或缺的內(nèi)容元素,如果把網(wǎng)站的文字內(nèi)容比喻成一道菜,那么圖片就是菜里的鹽,那么如何優(yōu)化圖片呢?對(duì)seo以及用戶(hù)體驗(yàn)有何意義及影響?

怎么做好網(wǎng)站圖片的優(yōu)化

  圖片在網(wǎng)頁(yè)中的作用主要是承托和美化,有時(shí)候一大長(zhǎng)串的文字都不能解釋通的地方,使用圖片就可以解決,對(duì)于文章而言,圖片也可以增加用戶(hù)的閱讀體驗(yàn)。怎么做好網(wǎng)站圖片的優(yōu)化?首先得做好以下幾點(diǎn):

  1.調(diào)整圖片的像素大小

  圖片的像素大小,就是我們?nèi)庋鬯吹玫降拇笮?,包含寬度和高度,這個(gè)其實(shí)沒(méi)有太多要求,符合審美尺寸即可,最重要的一點(diǎn)就是圖片不要太模糊,像素太低會(huì)導(dǎo)致圖片比較模糊,這個(gè)需要注意一下。

  2.調(diào)整圖片的體積大小

  調(diào)整圖片的體積大小,是為了加快用戶(hù)訪問(wèn)的時(shí)間,如果圖片體積過(guò)大,那么用戶(hù)打開(kāi)網(wǎng)頁(yè)完整的顯示圖片時(shí)間就較長(zhǎng),圖片體積一般需要控制在1M以?xún)?nèi),根據(jù)不同使用場(chǎng)景進(jìn)行區(qū)分。

  在上傳網(wǎng)站圖片的時(shí)候,可以使用ps、ai等繪圖軟件進(jìn)行壓縮。

  3.選擇圖片的格式

  目前圖片的主要格式有jpg、png、gif、webp,除了設(shè)置好大小外,圖片的格式也是需要慎重選擇,下面來(lái)具體說(shuō)明:

  ①.png格式的圖片

  png格式的圖片比較高清,不會(huì)損壞原圖的質(zhì)量,不過(guò)一般體積都是比較大的,png的格式有兩個(gè),一個(gè)是8位,一個(gè)24位,想要降低png的體積大小時(shí),就通過(guò)8位格式來(lái)設(shè)置。

  png圖片文件使用的地方不多,一般都使用在比較重要的地方,例如網(wǎng)站的logo。

 ?、?jpg格式的圖片

  jpg相對(duì)來(lái)說(shuō)可以壓縮,不過(guò)圖片的質(zhì)量會(huì)受損,受損質(zhì)量不高的話,肉眼很難分辨出來(lái),它的原理就是降低圖片質(zhì)量來(lái)降低圖片體積大小。

  一般情況下,在使用ps軟件處理的時(shí)候,質(zhì)量屬性設(shè)置不要低于60%,網(wǎng)站內(nèi)大部分圖片都可以使用jpg格式的。

 ?、?webP格式圖片

  這個(gè)格式的圖片優(yōu)勢(shì)比較明顯,能夠自動(dòng)壓縮圖片大小,肉眼觀察看不出什么問(wèn)題,比jpg和png更加智能,不過(guò)受到部分瀏覽器的限制,導(dǎo)致使用率不高。

 ?、?gif格式圖片

  gif格式的圖片多為動(dòng)圖,體積不大,不過(guò)像素大小比較小,一般使用在網(wǎng)頁(yè)圖標(biāo),增加醒目效果,gif圖片使用較少,在這里不就做過(guò)多闡述了。

怎么做好網(wǎng)站圖片的優(yōu)化

  最后,提一提圖片優(yōu)化的幾個(gè)注意事項(xiàng),目前大多數(shù)人使用的建站系統(tǒng)都是別人寫(xiě)好的程序,而在上傳圖片的時(shí)候,有的cms系統(tǒng)會(huì)自動(dòng)生成并調(diào)整圖像,就拿dedecms來(lái)說(shuō),如果縮略圖我們沒(méi)有上傳,那么系統(tǒng)會(huì)自動(dòng)抓取內(nèi)容里的第一張圖片進(jìn)行壓縮,壓縮成合理的縮略圖并上傳,這就導(dǎo)致服務(wù)器上產(chǎn)生多余的圖片,而且自動(dòng)壓縮的圖片質(zhì)量也不是很高。

  其次圖片優(yōu)化還需要配合兩個(gè)標(biāo)簽,一個(gè)是alt標(biāo)簽,這個(gè)標(biāo)簽就是給圖片命名,方便搜索引擎識(shí)別,當(dāng)圖片無(wú)法打開(kāi)的時(shí)候,就會(huì)出現(xiàn)alt標(biāo)簽的文字,再圖片優(yōu)化中,alt標(biāo)簽是非常重要的;其次是title標(biāo)簽,這個(gè)標(biāo)簽的作用是鼠標(biāo)指向圖片的時(shí)候,會(huì)顯示出文字,當(dāng)一張圖片加載比較慢的時(shí)候,用戶(hù)也想了解圖片內(nèi)容,這時(shí)候指向圖片上,就可以快速了解圖片內(nèi)容。整體來(lái)說(shuō),alt是服務(wù)于搜索引擎,title服務(wù)于用戶(hù)體驗(yàn)。

  以上是SEO創(chuàng)新互聯(lián)為大家分享怎么做好網(wǎng)站圖片的優(yōu)化的相關(guān)內(nèi)容。網(wǎng)站圖片的優(yōu)化影響網(wǎng)站的加載速度和用戶(hù)的體驗(yàn)感,因此,在以后網(wǎng)站優(yōu)化過(guò)程中,圖片優(yōu)化再不可忽視。

網(wǎng)站題目:怎么做好網(wǎng)站圖片的優(yōu)化?
轉(zhuǎn)載源于:http://www.muchs.cn/news/3752.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、微信小程序、網(wǎng)站設(shè)計(jì)服務(wù)器托管、靜態(tài)網(wǎng)站、Google

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁(yè)設(shè)計(jì)公司