網頁設計中常用三種圖片格式區別

相關推薦

網頁設計中常用三種圖片格式區別

　　常有很多客戶問起，在網頁設計中，用哪種格式的圖片會好一些?其實，對于這個問題，并沒有很標準的答案。因為在網站設計中，常用的圖片格式有三種：JPEG、GIF、PNG。然而它們三者之間的用途是不盡相同的。

　　三種格式的圖片的區別如下：

　　JPEG圖片不象GIF圖片那樣只能有256種顏色，它可以包含數百萬種顏色，而且有極高的壓縮率。這使得JPEG圖片比較適合用來保存相片。JPEG是一種有損壓縮的格式,JPEG不支持透明度。

　　GIF是一種調色板型，含有多達256種的顏色。每一個象素點都有一個對應的顏色值。是一種無損壓縮的格式。

　　PNG是一種無損壓縮的格式，而且它有很多種類。1.PNG8 2.真彩色PNG

　　在網站建設中到底應該用JPEG格式還是GIF格式?

　　方便記憶的簡易準則：

　　1.如果圖片是掃描的圖畫或照片時就用JPEG格式。

　　2.在你的電腦上制作的水平形式的條例、按鈕以及動畫圖片，這些圖片應該用GIF格式。

　　最后，我們總結一下：

　　1.JPEG格式比較適合用來存儲照片

　　2.GIF格式可以用來做動畫

　　3.PNG8可以用來做小圖標(icons)，按鈕，背景等。

　　JPEG、GIF、PNG優缺點：

　　GIF

　　GIF 圖片以 8 位顏色或 256 色存儲單個光柵圖像數據或多個光柵圖像數據。GIF 圖片支持透明度、壓縮、交錯和多圖像圖片（動畫GIF）。

　　優點：動畫存儲格式；

　　缺點：最多256色，畫質差。

　　JPEG

　　JPEG圖片以 24 位顏色存儲單個位圖。JPEG 是與平臺無關的格式，支持最高級別的壓縮，不過，這種壓縮是有損耗的。漸近式 JPEG文件支持交錯。

　　優點：文件小，利于網絡傳輸；

　　缺點：畫質損失。

　　PNG

　　PNG格式主要用于透明格式，這也是png的特性之一。PNG圖像文件存儲格式，其設計目的是試圖替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。PNG用來存儲灰度圖像時，灰度圖像的深度可多到16位，存儲彩色圖像時，彩色圖像的深度可多到48位，并且還可存儲多到16位的α通道數據。PNG使用從LZ77派生的無損數據壓縮算法，一般應用于JAVA程序、網頁或S60程序中，原因是它壓縮比高，生成文件體積小。

　　優點：可保存透明背景的圖片；

　　缺點：1、較舊的瀏覽器和程序可能不支持 PNG 文件

　　2、畫質損失。

【網頁設計中三種圖片格式區別】相關文章：

網頁設計和前端的區別04-09

5種網頁設計風格02-09

網頁設計和平面設計理念的區別06-02

Java語言中三種循環語句的區別06-02

自適應設計與響應式網頁設計的區別07-14