圖檔基本概念
初寫:2005.04.09, 更新日期:2020.12.10
 
作者:曾聖超老師
 
圖形(Graphics)一直是每天上網瀏覽最關鍵的角色,
網站若缺少了圖形,將失色不少。
但是,圖形檔在網站中的必要性在哪?同學們是否可以舉例。

常使用電腦的同學們,對於圖檔應該都不陌生,
儘管圖檔種類有數百種,相關的軟體也很多,
在使用這些軟體前,需要對圖檔有初步概念認識,
才能發揮它們最大功效。

有經驗的同學,是否可以說說看,
依照你對圖檔的認識,圖檔應該如何來作分類呢?



若是依照圖檔的「格式」來分類,雖然是很明確的方法,
但是,每出現一種軟體,可能會多出一種類別,
以目前圖檔格式類別的數量,恐怕很難在有限時間裡,來一一介紹。
常使用的分類方式:
    若根據圖檔形成紀錄的方式,簡單區別可以分為兩類
    分別是點矩陣圖檔、和向量式圖檔:

  1. 點矩陣圖檔(Bitmap File):
    • 以色點(色格)(或稱像素,Pixels)來描繪對應方式,記錄構成的圖檔。
    • 每一個像素內,只有一種顏色 (單維彰,2003)。
    • 使用數位相機、掃瞄器等輸出的影像,如:人物、風景等。
    • 檔案通常會比較大,除JPG為失真壓縮外,GIF、PNG皆為非失真壓縮。
    • 常見格式 : .BMP、.JPG/JPEG、.GIF、.PNG 等。

  2. 向量式圖檔(Vector File):(向量圖示範)
    • 使用數學能夠計算構成的圖形,如:點、線、面來記錄影像。
    • 顯示圖形時,因是透過電腦模擬,所以放大縮小時,沒有齒鋸或失真的現象。
    • 常用來表現統計圖、平面美術、字形設計、工業製圖、建築圖等。
    • 因為只記錄數學式或相關數據資訊,檔案通常不大。
    • 常見格式 : .SVG、.WMF、.SWF、.EMF、.EPS、.AI、.DXF 等。
    • 實作 :

      SVG_Test_File
四種目前常用的網站圖檔格式為(Chris Lilley, 2003):
  • PNG,點陣圖。
  • JPEG/JPG,點陣圖。
  • GIF(疊圖),點陣圖。
  • 可變式向量圖(SVG) ,向量圖。

影像圖檔的色彩深度(color depth):
每個pixel的位元數(bits)
  • 黑白(1 bit):因以最小單位bit儲存,故只能代表兩種顏色的呈現。


  • 灰階(8 bits):除了上述黑、白外,8位元灰階可有256種中間灰色程度的顏色。


  • 256色(8 bits):圖檔可有(28)共256種顏色。


  • 高彩(High color)/16bits:圖檔每一像素以2bytes儲存,可使用216種色呈現,共65536種顏色可使用。


  • 全彩(True color)/24bits:圖檔每一像素以3bytes儲存,可使用(224)種顏色,約1677萬色 。
    (圖檔顯示,略) 因與高彩差不多.

參考資料: