歡迎進入圖形創作的世界！
在本章中，我們將探索數位影像如何製作、編輯與儲存。無論是手機上小小的圖示，還是城市中巨大的廣告牌，每一個數位圖形都遵循特定的規則。學完這些筆記後，你將能理解像素與路徑之間的差異，並清楚知道在任何專案中應該使用哪種檔案格式。如果初看之下覺得有點技術性，請別擔心——我們將會透過你每天都會見到的簡單例子來為你拆解！
1. 位元圖 (Bitmap) 與向量圖 (Vector)
在資訊科技的圖形範疇中，最重要的一點是了解影像的兩大「家族」：位元圖 (Bitmap) 與 向量圖 (Vector)。它們的運作方式截然不同。
A. 位元圖 (Bitmap，亦稱為點陣圖 Raster)
位元圖是由成千上萬個微小的彩色方塊（稱為像素 Pixel）所組成的影像。你可以把它想像成一種馬賽克或十字繡成品。當你近距離觀察時，會看到個別的點；當你退後一點看，它們就會融合在一起變成一幅圖像。
例子：你用智慧型手機拍攝的任何照片都是位元圖。位元圖的主要特點：
- 解析度相關 (Resolution Dependent)：這意味著如果你嘗試將影像放大，它會變得「像素化」（模糊且出現方塊狀的鋸齒）。
- 檔案較大：因為電腦必須記住每一個像素的顏色，所以這類檔案通常比較沉重。
- 適合細節表現：它們非常適合處理具有複雜色彩和陰影的照片。
B. 向量圖 (Vector)
向量圖不使用像素。相反地，它利用數學公式透過點、線和曲線（稱為路徑 Path）來繪製圖形。你可以把它想像成一套指令集：「畫一個半徑為 5cm 的紅色圓形」。
例子：公司標誌 (Logo) 和字型通常都是向量圖。向量圖的主要特點：
- 可縮放性 (Scalability)：你可以將向量圖放大到摩天大樓那麼大，它依然會保持完美的清晰度。完全沒有像素問題！
- 檔案較小：電腦只需要儲存形狀背後的「數學」，而不需要儲存數百萬個點。
- 基於物件 (Object-Based)：你可以點選繪圖中的某一部分（例如臉上的一個鼻子）並將其移動，而不會影響其餘部分。
快速複習：縮放測試
如果你放大 500% 後看到小方塊，那就是 位元圖 (Bitmap)。如果它保持完全平滑，那就是 向量圖 (Vector)。
2. 理解檔案格式
選擇正確的檔案格式就像挑選適合的鞋子——你不會穿著夾腳拖去爬山對吧！以下是你在 9626 課程中需要掌握的格式：
常見的位元圖格式
- JPEG (.jpg)：最適合照片。它使用破壞性壓縮 (Lossy compression)，意味著它透過丟棄一些看不見的資料來縮減檔案大小。重點：檔案小，但每次儲存時都會損失一點點品質。
- PNG (.png)：非常適合網頁圖形。它支援透明度 (Transparency)（非常適合沒有背景的圖片），並且使用非破壞性壓縮 (Lossless compression)（不會損失品質）。
- GIF (.gif)：用於簡單的動畫。它只支援 256 種顏色，所以不適合照片，但非常適合簡單的網頁迷因 (Memes)。
- TIFF (.tif)：品質極高，用於專業印刷。這些檔案非常龐大。
- BMP (.bmp)：一種老派格式，沒有壓縮。檔案非常大，在網路上很少使用。
常見的向量圖格式
- SVG (.svg)：網頁的標準格式，即「可縮放向量圖形 (Scalable Vector Graphics)」。
- AI / EPS：專業格式，由設計師用於將標誌傳送給印刷廠。
記憶小撇步：
J-PEG 是為了 Just Photos（只給照片用）。
P-NG 是為了 Perfect backgrounds（完美的背景/透明度）。
S-VG 是為了 Scaling（縮放功能）。
3. 必備影像編輯技術
當你使用 Photoshop 或 GIMP 這類軟體時，你是在操作位元圖。以下是你需要掌握的工具與概念：
圖層與透明度
圖層 (Layers) 就像堆疊在一起的透明膠片。你可以在一張膠片上繪圖，而不會毀掉下方膠片的內容。透明度 (Transparency)（或稱「Alpha 通道」）則讓你能夠透過這一層的透明區域，看到下方的圖層。
更改影像外觀
- 裁切 (Cropping)：切掉影像邊緣以改善構圖或聚焦於特定部分。
- 調整大小 (Resizing) 與重新取樣 (Resampling)：「調整大小」改變的是列印尺寸，而「重新取樣」則真正改變了影像中的像素數量。
- 旋轉與翻轉 (Rotating and Flipping)：旋轉會轉動影像（例如 90 度）；翻轉則建立鏡像（水平或垂直）。
色彩調整
- 亮度與對比 (Brightness & Contrast)：亮度讓整個影像變亮或變暗。對比度則讓暗處更暗、亮處更亮。
- 飽和度 (Saturation)：讓色彩更生動或強烈。低飽和度會使影像看起來「褪色」，甚至變成黑白。
- 色彩平衡 (Color Balance)：調整紅、綠、藍的比例，以消除「色偏」（例如室內燈光導致照片看起來太黃）。
進階工具
- 仿製 (Cloning)：「仿製印章」工具讓你從照片的一部分複製像素，並「繪製」到另一部分。例子：去除風景照中的暗瘡或電線。
- 遮色片 (Masking)：一種隱藏圖層部分內容而不刪除它們的方法。這是「非破壞性」的，意味著你之後隨時可以將隱藏的部分找回來。
- 濾鏡 (Filters)：自動化效果，例如模糊 (Blur)（用於隱藏細節）或銳化 (Sharpen)（讓邊緣看起來更清晰）。
要避免的常見錯誤：
絕對不要直接從側面拉伸影像！這會破壞長寬比 (Aspect Ratio)（寬度與高度之間的比例），導致人物看起來太胖或太瘦。請務必按住 "Shift" 鍵或從角落拖曳，以保持比例勻稱。
4. 向量繪圖功能
當你建立向量圖時，你不是在「繪畫」，而是在「建構」。以下是你在考試中會看到的術語：
- 路徑 (Paths)：構成向量圖形的線條。
- 節點 (Nodes / Anchor Points)：路徑起點、終點或曲線上的「點」。移動這些點可以改變形狀。
- 填色 (Fill)：封閉形狀內的顏色或圖案。
- 筆觸 (Stroke)：形狀的輪廓。你可以更改其粗細（權重）與顏色。
- 群組 (Grouping)：將多個物件鎖定在一起，使它們能作為一個單位移動。
5. 最終總結檢查清單
你學會了嗎？
1. 位元圖是由像素組成，而向量圖是由數學公式組成？
2. JPEG 檔案小但會損失品質，而 PNG 適合處理透明度？
3. 為什麼圖層對於不破壞原始影像的編輯過程至關重要？
4. 仿製與遮色片如何幫助修復照片？
5. SVG 是網頁上清晰且可縮放圖形的標準格式？
快速複習盒：
如果題目問你，哪種格式最適合用於既要印在名片上，又要印在巨大卡車上的標誌，答案永遠是 向量圖 (SVG/AI)，因為它具有 可縮放性 (Scalability)！