2013-10-08 分類: 網站建設
怎么做好網站圖片的優化?在優化過程中,很多朋友的重心都放在了文本文字上,例如關鍵詞布局在什么地方好,今天要原創幾篇文章好等,也經常聽到有人說用戶體驗用戶體驗,卻很少把精力放在seo圖片優化上。
圖片在網頁中是不可或缺的內容元素,如果把網站的文字內容比喻成一道菜,那么圖片就是菜里的鹽,那么如何優化圖片呢?對seo以及用戶體驗有何意義及影響?
圖片在網頁中的作用主要是承托和美化,有時候一大長串的文字都不能解釋通的地方,使用圖片就可以解決,對于文章而言,圖片也可以增加用戶的閱讀體驗。怎么做好網站圖片的優化?首先得做好以下幾點:
1.調整圖片的像素大小
圖片的像素大小,就是我們肉眼所看得到的大小,包含寬度和高度,這個其實沒有太多要求,符合審美尺寸即可,最重要的一點就是圖片不要太模糊,像素太低會導致圖片比較模糊,這個需要注意一下。
2.調整圖片的體積大小
調整圖片的體積大小,是為了加快用戶訪問的時間,如果圖片體積過大,那么用戶打開網頁完整的顯示圖片時間就較長,圖片體積一般需要控制在1M以內,根據不同使用場景進行區分。
在上傳網站圖片的時候,可以使用ps、ai等繪圖軟件進行壓縮。
3.選擇圖片的格式
目前圖片的主要格式有jpg、png、gif、webp,除了設置好大小外,圖片的格式也是需要慎重選擇,下面來具體說明:
①.png格式的圖片
png格式的圖片比較高清,不會損壞原圖的質量,不過一般體積都是比較大的,png的格式有兩個,一個是8位,一個24位,想要降低png的體積大小時,就通過8位格式來設置。
png圖片文件使用的地方不多,一般都使用在比較重要的地方,例如網站的logo。
②.jpg格式的圖片
jpg相對來說可以壓縮,不過圖片的質量會受損,受損質量不高的話,肉眼很難分辨出來,它的原理就是降低圖片質量來降低圖片體積大小。
一般情況下,在使用ps軟件處理的時候,質量屬性設置不要低于60%,網站內大部分圖片都可以使用jpg格式的。
③.webP格式圖片
這個格式的圖片優勢比較明顯,能夠自動壓縮圖片大小,肉眼觀察看不出什么問題,比jpg和png更加智能,不過受到部分瀏覽器的限制,導致使用率不高。
④.gif格式圖片
gif格式的圖片多為動圖,體積不大,不過像素大小比較小,一般使用在網頁圖標,增加醒目效果,gif圖片使用較少,在這里不就做過多闡述了。
最后,提一提圖片優化的幾個注意事項,目前大多數人使用的建站系統都是別人寫好的程序,而在上傳圖片的時候,有的cms系統會自動生成并調整圖像,就拿dedecms來說,如果縮略圖我們沒有上傳,那么系統會自動抓取內容里的第一張圖片進行壓縮,壓縮成合理的縮略圖并上傳,這就導致服務器上產生多余的圖片,而且自動壓縮的圖片質量也不是很高。
其次圖片優化還需要配合兩個標簽,一個是alt標簽,這個標簽就是給圖片命名,方便搜索引擎識別,當圖片無法打開的時候,就會出現alt標簽的文字,再圖片優化中,alt標簽是非常重要的;其次是title標簽,這個標簽的作用是鼠標指向圖片的時候,會顯示出文字,當一張圖片加載比較慢的時候,用戶也想了解圖片內容,這時候指向圖片上,就可以快速了解圖片內容。整體來說,alt是服務于搜索引擎,title服務于用戶體驗。
以上是SEO創新互聯為大家分享怎么做好網站圖片的優化的相關內容。網站圖片的優化影響網站的加載速度和用戶的體驗感,因此,在以后網站優化過程中,圖片優化再不可忽視。
網站題目:怎么做好網站圖片的優化?
轉載源于:http://m.newbst.com/news/3752.html
成都網站建設公司_創新互聯,為您提供自適應網站、微信小程序、網站設計、服務器托管、靜態網站、Google
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容