DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網頁設計技巧:網頁圖片選擇JPG格式還是GIF格式
網頁設計技巧:網頁圖片選擇JPG格式還是GIF格式
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:網頁設計技巧:網頁圖片選擇JPG格式還是GIF格式.

網頁設計中,保證圖片清晰的前提下,圖片越小越好。因為這樣可以減少帶寬占用,加快網頁打開速度。尤其對於門戶網站和訪問量很高的網站,如果圖片 都能比原來小10K的話,那麼節省的帶寬相當明顯。那麼就要求設計師在制作或生成圖像時,選擇合適的格式和質量,盡量把圖片體積壓縮的更小。下面就網上常 用的兩種格式gif和jpg該如何選擇闡述下本人的看法。

何時選擇gif格式?何時選擇jpg格式?

對於gif和jpg格式的選擇,沒有固定的限制,但要把握好一點。圖片色彩單一、由色塊或文字組成,較少漸變色的盡量采用gif格式,這樣可以 減少很大體積;當圖片色彩豐富,過渡色較多時建議采用jpg,下面看看兩個例子。

看看本站的logo,同樣尺寸的圖片,保存成gif格式要比jpg格式小多了,把圖片放大時會發現jpg格式會產生噪點,質量還不如gif,那 當然要選擇gif了,因為這個logo色彩非常單一。

看看上邊這兩張圖片,從百度上搜索後截取了一部分,同時保存成兩種格式,左邊的是gif格式,右邊的是jpg格式。從圖片的屬性看,gif格式 大小為63.1KB,jpg格式大小為46.4KB,如果質量要求不高的話還可以再壓縮。但從目前就可以明顯看出,jpg格式要比gif清晰多了,gif 格式自動把相似色彩改變成一種色彩,這也是上個例子中gif格式不產生噪點的原因。

通過這兩個例子,相信你對網頁設計中選擇gif格式和jpg格式有所了解了吧,不過在實際應用當中,建議保存成兩種格式,多對比,慢慢就會發現 什麼時候該用gif,什麼時候該用jpg了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved