網站建設之如何優(yōu)化圖片
2017-05-15 14:32:50
? 隨著廣大用戶對網站審美需求提高,越來越多客戶建網站都喜歡采用大面積大視覺的圖片。不可否認,相比于文字來說,圖片更能引起瀏覽者的注意,更具視覺沖擊力。但是圖片采用也是一把雙刃劍,圖片雖然更具欣賞力,但是圖片占用字節(jié)卻要比文字占用的字節(jié)要大的多,對于網站的加載速度也存在一定的影響,同時也會影響到網站整體優(yōu)化及收錄。那么在網站建設過程中如何采用圖片既能保證網站加載速度,又能保障網站的優(yōu)化及收錄量。那么這些圖片如何優(yōu)化才好呢?這里小編列出了一些優(yōu)化原則與大家分享。
? 第一、在網站設計之初,就先要做好規(guī)劃,比如背景圖片如何使用等等,做到心中有數(shù)。
? 第二、給圖片添加alt屬性或者title標簽,對于圖片優(yōu)化可以起到非常重要的作用,這也是網站建設行業(yè)眾所周知的事。添加alt屬性時,添加上對應的關鍵詞及描述,這樣可不僅以使圖片圖文并茂,而且還可以使圖片在不可識別的系統(tǒng)環(huán)境下轉化為文本,增加搜索引擎的識別率。
? 第三、采用gif或jpeg格式的圖片格式。做好搜索引擎的圖片優(yōu)化,跟圖片格式有著不可分割的關系,因為圖片格式不但與圖片體積相關,還跟瀏覽器的兼容性也有一定的關系。
? 第四、現(xiàn)在網站中的圖片幾乎都有水印,可以起到宣傳網站、保護版權的作用,這里起宣傳某網站的作用還是非常明顯的。
? 第五、控制圖片數(shù)量。圖片過多,不但會增加網頁體積,而且還會增加布局難度。因此圖片不在于數(shù)量的多少而在于質量一定要精。為了保證網頁的正常瀏覽,建議大家在一個網頁正文中不要超過三個圖片,不要覺得圖片的數(shù)量少,這樣的數(shù)量足以發(fā)揮圖片應有的作用了。
? 第六、給圖片加上連接到相關頁面的;鏈接標簽,這對于用戶和搜索引擎都有一定的關系。因為百度往往會遵循用戶的瀏覽習慣,而用戶的瀏覽習慣是看到圖片后在點進去。
? 第七、若使用photoshop的話,縮放圖片通常會讓圖像模糊,可以用smart sharpen來讓圖片更為出色。
? 第八、如果圖片上要添加文字,可能的話,就不要把文字嵌入到圖片中,而是采用透明背景圖片,或者CSS定位讓文字覆蓋在圖片上,既能獲得相等的效果,還能把圖片更大程度的壓縮。
? 第一、在網站設計之初,就先要做好規(guī)劃,比如背景圖片如何使用等等,做到心中有數(shù)。
? 第二、給圖片添加alt屬性或者title標簽,對于圖片優(yōu)化可以起到非常重要的作用,這也是網站建設行業(yè)眾所周知的事。添加alt屬性時,添加上對應的關鍵詞及描述,這樣可不僅以使圖片圖文并茂,而且還可以使圖片在不可識別的系統(tǒng)環(huán)境下轉化為文本,增加搜索引擎的識別率。
? 第三、采用gif或jpeg格式的圖片格式。做好搜索引擎的圖片優(yōu)化,跟圖片格式有著不可分割的關系,因為圖片格式不但與圖片體積相關,還跟瀏覽器的兼容性也有一定的關系。
? 第四、現(xiàn)在網站中的圖片幾乎都有水印,可以起到宣傳網站、保護版權的作用,這里起宣傳某網站的作用還是非常明顯的。
? 第五、控制圖片數(shù)量。圖片過多,不但會增加網頁體積,而且還會增加布局難度。因此圖片不在于數(shù)量的多少而在于質量一定要精。為了保證網頁的正常瀏覽,建議大家在一個網頁正文中不要超過三個圖片,不要覺得圖片的數(shù)量少,這樣的數(shù)量足以發(fā)揮圖片應有的作用了。
? 第六、給圖片加上連接到相關頁面的;鏈接標簽,這對于用戶和搜索引擎都有一定的關系。因為百度往往會遵循用戶的瀏覽習慣,而用戶的瀏覽習慣是看到圖片后在點進去。
? 第七、若使用photoshop的話,縮放圖片通常會讓圖像模糊,可以用smart sharpen來讓圖片更為出色。
? 第八、如果圖片上要添加文字,可能的話,就不要把文字嵌入到圖片中,而是采用透明背景圖片,或者CSS定位讓文字覆蓋在圖片上,既能獲得相等的效果,還能把圖片更大程度的壓縮。