使用數位影像時,您多半會遇到兩種主要類型的圖像:點陣圖和向量。點陣圖 (Bitmap) 圖像又稱為點陣 (Raster) 圖像,是由極小的矩形 (像素) 所組成,它們是以矩形格線形式排列。向量圖像是由以數學方式產生的幾何形狀 (例如線條、曲線和多邊形) 所組成。
點陣圖影像是由影像的寬度與高度 (以像素為單位) 所定義,而且每個像素中所包含的位元數目,代表像素可以包含的顏色數目。在使用 RGB 色彩模式的點陣圖影像中,像素是由三個位元組所組成:代表紅色、綠色和藍色。其中每一個位元組都包含範圍介於 0 到 255 之間的值。當這些位元組結合在像素中時,就會產生顏色類似於混合繪製顏色的藝術效果。例如,由紅色值為 255、綠色值為 102,以及藍色值為 0 組成之位元組值之像素,會產生鮮明的橘色。
點陣圖影像的品質是由結合影像解析度及其顏色深度位元值所決定。「解析度」是指包含在影像中的像素數目。像素的數目愈大,解析度就愈高,也就會顯示較細緻的影像。「顏色深度」是指像素可以包含的資訊量。例如,每個像素有 16 位元顏色深度值的影像,無法將相同數目的顏色顯示為具有 48 位元顏色深度的影像。因此,48 位元的影像將會比 16 位元的影像有更平滑的陰影。
因為點陣圖圖像與解析度有關,所以它們在縮放時的表現並不出色。這一點在點陣圖影像放大時最為明顯。放大點陣圖,通常會犧牲細部畫質與品質。
點陣圖檔案格式
點陣圖影像可區分為數種常見的檔案格式。這些格式會各自使用不同類型的壓縮演算法以減少檔案大小,並根據影像的最終目的來最佳化影像品質。Adobe 執行階段支援的點陣圖影像有 BMP、GIF、JPG、PNG 和 TIFF。
BMP
BMP (點陣) 格式為 Microsoft Windows 作業系統預設使用的影像格式。這種格式不會使用任何壓縮演算法形式,因此本身產生的檔案通常相當龐大。
GIF
「圖形交替格式」(Graphics Interchange Format,GIF) 原本是由 CompuServe 在 1987 年所開發,做為以 256 色 (8 位元顏色) 傳輸影像的方法。此格式可提供小型檔案,適用於網頁用的影像。因為這個格式的色盤有限,所以 GIF 影像通常不適用於相片,相片通常需要使用較高級的陰影與漸層。GIF 影像允許單一位元的透明度,它允許將顏色對應為清晰的 (或透明的)。這會導致從已對應透明度的影像可直接看到網頁所顯示的背景顏色。
JPEG
JPEG 格式是由「聯合圖像開發小組」(Joint Photographic Experts Group,JPEG) 所開發,JPEG (通常寫成 JPG) 影像格式會使用失真的壓縮演算法,允許小型檔案具有 24 位元顏色深度。失真的壓縮表示每次儲存影像時,影像會損失品質與資料,但是可使檔案大小更為精簡。JPEG 格式適用於相片,因為它可以顯示數百萬種顏色。將控制壓縮程度的功能套用至影像,可讓您操作影像品質與檔案大小。
PNG
由於 GIF 檔案格式具有專利,因此做為替代方案、開放原始碼的「可攜式網路圖案」(Portable Network Graphics,PNG) 格式便應運而生。PNG 支援高達 64 位元的顏色深度,最多允許 1 千 6 百萬種顏色。因為 PNG 相對而言是相當新的格式,所以有些較舊的瀏覽器並不支援 PNG 檔案。與 JPG 不同的是,PNG 會使用不失真的壓縮方式,這表示在儲存影像時,不會損失任何影像資料。PNG 檔案也支援 Alpha 透明度,最多允許 256 層級的透明度。
TIFF
在 PNG 格式發表之前,「標籤式影像檔案格式」(TIFF) 曾經是各種平台所選擇使用的格式。TIFF 格式的缺點在於 TIFF 具有多種不同的變化,因此只靠單一讀取程式無法處理所有的版本。此外,目前也沒有網頁瀏覽器支援這種格式。TIFF 可以使用失真或非失真的壓縮,以及處理裝置專屬的顏色空間 (例如 CMYK)。
透明的點陣圖與不透明的點陣圖
使用 GIF 或 PNG 格式的點陣圖影像,其每個像素都可以增加額外的位元組 (Alpha 色版)。這個額外像素位元組代表像素的透明度值。
GIF 影像允許單一位元透明度,這表示您可以從 256 色的面板中,指定要成為透明色的單一顏色。另一方面,PNG 影像最多可以有 256 層級的透明度。當影像或文字需要融入背景時,這個功能就特別有用。
ActionScript 3.0 會在 BitmapData 類別中複製此額外透明度像素位元組。ActionScript 類似於 PNG 透明度模型,提供最多 256 層級的透明度。
重要概念與術語
下列清單包含學習點陣圖圖形時會遇到的相關重要術語:
-
Alpha
-
在顏色或影像中透明度 (更精確地說,是不透明度) 的層級。Alpha 量通常描述為「Alpha 色版」值。
-
ARGB 顏色
-
一種顏色配置,其中每個像素的顏色都是紅色、綠色和藍色值的混合,而其透明度是以 Alpha 值指定。
-
顏色色版
-
通常,顏色會以一些基本顏色的混合來表示,一般 (對於電腦圖像而言) 為紅色、綠色和藍色。每個基本顏色都視為一個顏色色版。將每個顏色色版中的顏色量混合在一起,就會決定最終的顏色。
-
顏色深度
-
又稱為「位元深度」,這是指用於每個像素的電腦記憶體量,這會決定可在影像中顯示的可能顏色數目。
-
像素
-
在點陣圖影像中的最小單位資訊,基本上是一個顏色點。
-
解析度
-
影像的像素尺寸,可決定影像微粒的細緻程度。解析度通常是根據寬度與高度的像素數目表示。
-
RGB 顏色
-
一種顏色配置,其中每個像素的顏色是以紅色、綠色和藍色值的混合來呈現。