對于一個網(wǎng)站建設(shè)者來說,想建一個優(yōu)秀的網(wǎng)站是需要多方面的技能,包括:程序、美工、策劃、編輯、營銷等等。隨著網(wǎng)速的提高,我們發(fā)現(xiàn)網(wǎng)站的表現(xiàn)形式已經(jīng)不再是單純的文字,圖片和動畫也越來越多,而面臨的問題是怎樣在網(wǎng)頁擁有大量的圖片的時候不影響網(wǎng)站的速度和優(yōu)化排名。那么,網(wǎng)站建設(shè)如何對圖片進行優(yōu)化?
一、使用Sprites技術(shù)。
對于圖片比較多的網(wǎng)站,適用于這個技術(shù)。由于這個英文和雪碧上的英文商標名一樣,很多人就稱這個為“雪碧”技術(shù)。 “雪碧”技術(shù)就是把一個網(wǎng)站上的所有背景都做到一張圖片上,然后使用background-image、background-repeat、background-position來給背景圖片精準定位,這樣每次打開網(wǎng)站的時候,網(wǎng)站只需要加載一個背景圖片就OK了,減少了圖片對服務(wù)器的請求,加快了網(wǎng)頁的反應(yīng)速度。
二、設(shè)定圖片的寬度和高度。
現(xiàn)在一般的程序在上傳圖片后都會自動檢測圖片的高度和寬度,自動設(shè)置到網(wǎng)頁代碼中去,如果是手動修改網(wǎng)站的源代碼,建議把圖片的高度和寬度寫上去,這樣網(wǎng)頁加載的時候就會預留出圖片的位置,使網(wǎng)頁的反應(yīng)速度更快,節(jié)省時間,而且用戶體驗好。
三、無論大小圖片一定要壓縮。
如果是簡單色彩圖片,我們可以做成GIF圖,如果是照片或者比較復雜的圖片,我們就要做成JPG格式,而且目前網(wǎng)上使用多的圖片格式就是JPG格式,但是JPG格式有一個缺點就是文件大,文件大的話,不僅占用寶貴的網(wǎng)站空間,而且打開速度也很慢,給用戶不好的體驗,所以,JPG圖片一定要壓縮,用PHOTOSHOP工具保存的時候可以調(diào)整畫質(zhì)進行壓縮,還有專門的壓縮JPG圖片的工具,如我經(jīng)常使用的:JPEG Optimizer,當然對JPG圖片的壓縮都是有損壓縮,如果對圖片質(zhì)量要求不高,可以壓縮一半以上的大小,肉眼基本上看不出來區(qū)別。
四、給圖片加上注釋,也就是ALT標簽。
很多同學認為ALT上加不加標簽無關(guān)緊要,這是一種錯誤的想法,因為搜索引擎“不認識”圖片,你網(wǎng)上放再多的圖片,如果不告訴搜索引擎這是關(guān)于什么的圖片,那么搜索引擎也都看成是一張一張的白紙,這個時候ALT標簽的作用就突顯出來了,ALT標簽不僅可以給搜索引擎解釋這張圖片的意思,還可以告訴用戶這是關(guān)于什么的圖片,當用戶鼠標放在圖片上的時候就會有文字提示,用戶體驗非常好,這么好的功能,大家為什么不用上呢,而且ALT標簽還可以提高關(guān)鍵詞密度,提高網(wǎng)頁的相關(guān)性。
五、圖片周圍的文字要和圖片ALT標簽上的關(guān)鍵詞相呼應(yīng)。
我們不僅要讓圖片ALT標簽上帶上文章關(guān)鍵詞,而且在圖片周圍的段落上也要出現(xiàn)文章關(guān)鍵詞,這樣會使整篇文章的相關(guān)性更強,有利于提高文章的排名和權(quán)重。
網(wǎng)站建設(shè)如何對圖片進行優(yōu)化?看了上面幾點,相信大家也知道了圖片優(yōu)化的重要性,其實做網(wǎng)站中還包含有很多細節(jié),都是需要我們認真去做的,做網(wǎng)站容易,做好一個網(wǎng)站真的是不容易,要傾注站長的大量心血。