我們都知道,圖片優(yōu)化是站內(nèi)優(yōu)化中不可回避的一塊所在。而常見的圖片格式有jpg、gif、png、bmp等,對于一個(gè)合理的網(wǎng)頁來說,選擇合適的圖片格式十分重要。下面由我們的SEO團(tuán)隊(duì)中的前端一姐sarah來給大家介紹一下幾種圖片的特性和用法。
首先是JPG,它屬于一種壓縮圖片,是一種大小與質(zhì)量平衡的壓縮圖片格式,講的寬泛一點(diǎn):低的壓縮比(高的圖片質(zhì)量)文件的大小便是大的;高的壓縮比(低的圖片質(zhì)量)文件大小便是低的。jpg一般用在允許輕微失真的像素色彩豐富的圖片中,它不適用于做簡單色彩(色調(diào)少)的圖片。
其次是gif格式的圖片,它的出現(xiàn)主要是為在線應(yīng)用程序而特別開發(fā)的圖片格式,它是一種無損8位圖片格式,所謂的無損8位是指一個(gè)8位圖像僅多只能支持256中不同顏色,多于256種顏色再用gif格式保存便會失真。gif不適用于色彩太過豐富的照片存儲,但比較適合用在logo、icon圖標(biāo)、一些小布局的邊框圖片、不超過256種色彩的簡單小型圖片,由于gif是一種透明背景的圖片,所以被放置在網(wǎng)頁中可以看到頁面上其它圖片背景。這個(gè)對于頁面的呈現(xiàn)非常有用。gif還有個(gè)特別的功能便是隔行掃描,這個(gè)特性可以加快頁面加載的速度,對于網(wǎng)速比較慢的瀏覽者比較實(shí)用了。它還有個(gè)動畫的功能,在網(wǎng)頁中合理的利用動畫可以增加頁面的動態(tài)效果。
再次是Png圖片,Png也是一種支持透明的背景圖片,是一種無損壓縮格式的圖片,但它與gif不同的是,它同時(shí)支持8位和24位圖像,除了跟gif壓縮算法不同,其它都極其相似。8位的png跟gif用途是基本相同的,24位png支持160萬種不同的像素顏色且支持透明效果,這也說明,不管透明度設(shè)置為多少,它都能與背景很好的融合。這里需要注意的一個(gè)點(diǎn)——相對于目前的瀏覽器都能夠很好的支持透明圖片,但是透明圖片在ie6中卻是一種讓人頭疼的圖片,由于ie6不支持透明格式,所以背景默認(rèn)會是淺藍(lán)色底,必須要通過一些手段才能使其正常顯示。
一個(gè)好的前端,需要圖片來渲染出頁面的美觀和主題,一個(gè)好的seoer,更是需要注意到圖片的大小及兼容等各種特性。