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