Representing graphics

歡迎來到數碼影像的世界！

你有沒有想過，只懂得處理 1 和 0 的電腦，究竟是如何顯示出絢麗的日落畫面或清晰的公司標誌呢？在本章中，我們將深入探討圖像表示（Representing graphics）。我們將研究電腦儲存視覺資訊的兩種主要方式：位圖圖形（Bitmapped graphics）和向量圖形（Vector graphics）。看完這些筆記後，你將能精準地計算檔案大小，並為任何項目選擇最合適的格式！

3.5.5.1 位圖圖形（Bitmapped Graphics）

你可以把位圖想像成一幅巨大的馬賽克畫或一張方格紙。如果你將一張數碼照片放大到極致，就會發現它是由許多細小的方格組成的。這些方格稱為像素（pixels）（即「圖像元素」picture elements 的縮寫）。

位圖的核心概念

• 像素（Pixel）： 圖像中最小的單一點。
• 像素尺寸： 這就是圖像的解像度，計算方法為 \( \text{width} \times \text{height} \)。例如，屏幕解像度為 \( 1920 \times 1080 \)，表示橫向有 1920 個像素，縱向有 1080 個像素。
• 色彩深度（Colour Depth）： 這是用於表示單個像素顏色的位元（bits）數量。使用的位元越多，能顯示的獨特顏色就越多！

類比：想像一幅「數字油畫」。如果你只有 1 bit，你只能使用 2 種顏色（黑或白）。如果你有 8 bits，你就可以從 256 種不同的顏色中進行選擇！

計算儲存需求

考試中最常見的任務之一就是計算位圖所佔用的空間。如果數學不是你的強項也別擔心——這個公式非常簡單直接！

公式（不包括元數據）：
\( \text{Storage requirements (in bits)} = (\text{width in pixels} \times \text{height in pixels}) \times \text{colour depth} \)

逐步示例：
計算一張闊 10 像素、高 10 像素、色彩深度為 8 bits 的圖像，其檔案大小（以 bits 為單位）。
1. 計算總像素數量：\( 10 \times 10 = 100 \text{ pixels} \)。
2. 乘以色彩深度：\( 100 \times 8 = 800 \text{ bits} \)。
3. 若要換算成位元組（bytes），需除以 8：\( 800 / 8 = 100 \text{ bytes} \)。

什麼是元數據（Metadata）？

位圖檔案不單是一串顏色列表；電腦還需要知道如何「組裝」這些像素。這些額外的資訊稱為元數據（metadata）（即關於數據的數據）。沒有元數據，電腦就不知道哪裡是一行像素的結束，哪裡是下一行的開始！

元數據的典型例子包括：
• 圖像的闊度
• 圖像的高度
• 色彩深度
• 拍攝照片的日期

快速回顧： 位圖是由像素組成的。更多的像素或更高的色彩深度意味著畫質更好，但檔案大小也會大幅增加！

3.5.5.2 向量圖形（Vector Graphics）

向量圖形的運作方式截然不同。向量影像儲存的不是彩色像素網格，而是物件列表（list of objects）及其數學屬性。這就像是給電腦一套繪圖指令。

向量物件的典型屬性

當你在向量繪圖軟件中畫一個圓形或正方形時，電腦會記錄以下內容：

• X 和 Y 坐標： 物件的確切位置（通常指左上角）。
• 物件輪廓顏色： 即「筆觸」（stroke）顏色。
• 線條闊度： 輪廓的粗細。
• 物件填充顏色： 形狀內部的顏色。
• 特定尺寸： 例如圓形的半徑，或矩形的闊度/高度。

你知道嗎？ 字型（就像你現在讀的這些字）通常就是以向量圖形儲存的。這就是為什麼你可以將文字放大到很大，而不會變得「起角」或模糊！

核心要點： 向量圖不在乎像素，它們在乎的是幾何（geometry）和數學（math）。

3.5.5.3 位圖與向量圖形的比較

在位圖與向量圖之間做選擇，就像在照片與設計藍圖之間做選擇，兩者各有千秋！

1. 縮放（調整大小）

• 位圖： 當你放大位圖時，它會出現「像素化」（你會看到方格）並損失畫質。
• 向量圖： 你可以將向量圖放大到摩天大樓般大，或縮小到郵票般小，它依然能保持清晰平滑。這是因為電腦只是為新的尺寸重新計算數學公式。

2. 檔案大小

• 位圖： 檔案大小取決於尺寸和色彩深度。高畫質的大型照片檔案通常非常龐大。
• 向量圖： 通常比位圖小得多，因為它們只需儲存少量形狀的指令，無論這些形狀在屏幕上看起來有多大。

3. 真實感

• 位圖： 非常適合處理色彩細節豐富的複雜圖像，例如人物或自然景物的照片。
• 向量圖： 最適合用於簡單形狀、標誌（logos）、圖示和技術製圖，在這些地方，精確的線條比逼真的陰影更重要。

摘要比較表

位圖圖形（Bitmapped Graphics）：
• 優點： 能很好地處理複雜細節/照片。
• 缺點： 檔案較大；縮放時會損失畫質。

向量圖形（Vector Graphics）：
• 優點： 檔案較小；可無限縮放而不損失畫質。
• 缺點： 無法有效呈現複雜的真實感攝影影像。

避開常見錯誤： 學生常誤以為「更高解像度」就等於「向量圖」。請記住，解像度只適用於位圖。向量圖在列印或顯示於屏幕之前，是沒有固定解像度的！

最後鼓勵： 如果計算過程讓你覺得有點枯燥，別擔心！只要記住核心概念：位圖是方格網格，而向量圖是形狀列表。只要記住這一點，剩下的細節就會很容易融會貫通！