第三篇
HTML教學
網頁研習室 第五節
網頁圖片
 
網際網路常用的圖檔格式
以下是網際網路常用的圖檔比較表
表較內容 JPEG(JPG)
JPEG
原文為
Joint Photographic Experts Group
GIF
GIF
原文為
Graphics Interchange Format
PNG
PNG
原文為
Portable Network Graphics
檔案型態 點陣式 點陣圖 可攜式網路圖檔
檔案位元 24 bits 8 bits 8 ~ 48 bits
尺寸大小 較大 較小 兩者均宜
壓縮比例 很高
壓縮方式 破壞型 非破壞型 無損耗
儲存類別 灰階、全彩影像 黑白、灰階、16 色、256 色 黑白、灰階、16 色、256 色、全彩
透明設定 不可以 可以 可以
動畫呈現 不可以 可以 不可以
傳輸方式 漸進式 交錯式 交錯式
合適類型 人物或風景等色彩複雜的照片 色彩較單純或含細線條的影像 沒有限制
影像比較 以下是採用同一張照片,經過 PhotoImpact 軟體採用縮小尺寸後最佳化處理過狀況
JPEG 標準最佳化

尺吋 200x150、大小 25 Kb
GIF 最佳化 256

尺吋 200x150、大小 19 Kb
PNG 最佳化 256

尺吋 200x150、大小 20 Kb
JPEG(JPG) JPG 是由 Joint Photographic Experts Group 所發展的檔案格式。
目前已經成為使用於網際網路,表現逼真影像的相片圖檔標準。
它可將大型影像壓縮成很小的檔案,同時又保存影像的整體相片品質。
JPEG 檔可使用任意個數的色彩,因此它是 24 位元影像 (全彩影像,可支援一千六百多萬色) 的最佳格式。
當您越壓縮影像,所損失的資訊就越多,這也是它最大的缺點。
JPEG 檔案並不適合放大觀看,這類型的壓縮檔案,稱為失真(Loosy)壓縮或破壞性壓縮。
這意味著高品質的相片若在最高的壓縮率下,將會變得模糊、難以分辨、甚至無法檢視。
因此,在將檔案存成 JPEG 時,務必在壓縮率與品質之間維持適當的平衡。
GIF GIF 是 CompuServe 在 1987 年為了方便在不同的平台之間交換影像而建立的。
檔案格式的著名特性是它的壓縮率,以及可儲存並顯示多個影像。
GIF 的主要缺點是影像最多只能使用 256 個不同的色彩來顯示它們的資料。
GIF 檔案本身可包含一個色盤,供每個儲存的影像使用。
這代表存成 GIF 的大多數影像所能存取的色彩比 GIF 技術上所允許的 256 色多。
GIF89a 格式,能儲存成背景透明化的形式,並且可以將數張圖存成一個檔案,形成動畫效果
藉著巧妙地運用這些特性,Web 上的設計者可使用 Ulead GIF Animator 需外部連結 來製作令人拍案叫絕的動畫!
PNG PNG 是 Internet 檔案格式的新伙伴。
原本 Portable Network Graphics 格式是由 Thomas Boutell、Tom Lane 等人為了取代 GIF 與 JPEG 所發展。
基本上它可支援 GIF 與 JPEG 這兩種格式的所有或某些特性。
如上所述,使用 PNG 的最大優點是它支援了 GIF 與 JPEG 的所有功能。
若您擁有文字或線稿,您可使用類似 GIF 的色彩縮減選項,並以非破壞型的壓縮來建立較小的檔案。
備註:PNG 並不支援動畫,這可能是它唯一不提供的 GIF 功能。
若您儲存的是相片品質的影像,您可以使用類似 JPEG 的壓縮模式來進行儲存,這也是非破壞型的壓縮模式。
備註:這和 JPEG 不同,JPEG 可從少量破壞到完全破壞。
除了這些功能外,它也支援用於遮罩的 alpha 色頻、色彩校正的 gamma、並可儲存 48 位元的彩色影像。
備註:JPEG 最多只能儲存 24 位元。
在這些特性中有一個主要的缺點:PNG 檔通常比 JPEG 檔來得大,因為它們幾乎都是使用非破壞型的壓縮模式。
雖然通常在使用類似 GIF 檔的相同色盤時,它們又會小一些。
現代的瀏覽器基本上都已可支援此格式,但卻不一定能夠支援它所有的功能。
以上部份資料取自友立資訊數位學園
注意:GIF、JPG、PNG 檔名及副檔名,請務必使用英文小寫。

其他用於製作網頁圖檔常見的圖檔格式
格式檔名 檔案用途 常見代表軟體
BMP 未經壓縮的影像檔格式,檔案非常大,為最普遍的點陣圖格式之一,Windows 電腦系統的標準格式,不適合在網際網路顯示。 小畫家
EPS 以 DCS / CMYK 的形式儲存,檔案中包含 CMYK 四種顏色的單獨資料,可以直接輸出四色網片,大多用於排版、印刷。 繪圖軟體
TIF/TIFF 標籤影像檔,常被用於彩色圖檔的掃瞄,它是以 RGB 的全彩模式儲存。 許多軟體
UFO 用於網頁製作,物件以層級 (Layer) 分離,可重複使用,便於修改和製作各種特效。 PhotoImpact
PSD 用於專業美工,可以將不同的物件以層級 (Layer) 分離儲存,便於修改和製作各種特效。 PhotoShop