Place and edit an image

歡迎來到第 12 單元：圖像的放置與編輯！

在幾乎所有的 ICT 解決方案中，無論是網站、簡報還是文件，圖像都是不可或缺的元素。如果你不知道如何正確地放置和編輯它們，你的作品看起來會顯得雜亂或不夠專業。

在本章中，我們將掌握將圖片完美融入作品的實用技巧，確保它們看起來賞心悅目，同時又不會占用過多的檔案空間！

快速重溫：為什麼圖像編輯技巧很重要？

精確度 (Precision) 和 效率 (Efficiency) 是關鍵。在你的實作考試（卷二及卷三）中，你必須證明你可以根據規格精確地修改圖像，通常細化至像素尺寸，並確保最終檔案已進行優化（縮小檔案大小）。

1. 放置與調整圖像大小

處理圖像時，第一步是正確放置它們，並確保它們的尺寸合適。

1.1 精確地放置圖像

精確放置圖像意味著將它放在規定的精確位置，通常是相對於頁邊距、段落或其他物件的位置。

• 在網頁設計 (HTML/CSS) 中，精確度是透過尺寸屬性（如高度和寬度）以及排版屬性（如浮動 float 或內距 padding）來實現的。
• 在文件製作 (文書處理) 中，精確度涉及設定圖像的環繞方式（例如：矩形、緊密、頂端及底端）和錨點。

1.2 調整大小與長寬比 (Aspect Ratio)

當你調整圖像大小時，你是在改變它的尺寸（寬度和高度）。學生最常犯的錯誤就是讓圖像變形！

長寬比 (Aspect Ratio) 是圖像寬度與高度之間的比例關係。例如，4:3 的圖像意味著寬度每 4 個單位，高度就有 3 個單位。

調整大小的黃金法則：
除非題目特別要求，否則請務必保持長寬比。

比喻： 想像一張你的臉部照片。如果你只增加寬度（而不保持比例），你的臉看起來會被拉長，顯得極不自然。要保持比例，你必須按比例同時調整寬度和高度。

在大多數軟體中，你可以透過在拖曳角落把手時按住 Shift 鍵，或是從圖像格式選單中選取「鎖定長寬比 (Lock Aspect Ratio)」選項來維持比例。

放置與調整大小的重點總結：

始終追求精確的位置和尺寸，並保護圖像的長寬比以防止變形。

2. 基本幾何編輯

這些工具可以協助你調整圖像的形狀或方向，而不會從根本上改變其大小。

2.1 裁剪圖像 (Cropping)

裁剪是移除圖像多餘外緣部分的過程。

使用範例： 如果你為朋友拍了一張照片，但背景很干擾，你可以裁剪圖像，只聚焦在朋友身上。這能減少視覺上的雜亂，有時還能改善構圖。

2.2 旋轉圖像 (Rotating)

旋轉是指圍繞中心點轉動圖像。常見的旋轉角度為順時針 90 度、逆時針 90 度或 180 度（倒轉）。

2.3 反轉圖像 (Reflecting/Flipping)

反轉或鏡像翻轉會創造出原始圖像的鏡像。你可以透過兩種方式反轉圖像：

• 水平翻轉：沿垂直線翻轉圖像（就像照鏡子一樣）。左邊變成右邊。
• 垂直翻轉：沿水平線翻轉圖像（就像看水中的倒影一樣）。頂部變成底部。

常見錯誤： 學生經常混淆「旋轉」和「反轉」。如果圖像需要面向另一個方向（例如，一個向左走的人現在需要向右走），你應該使用水平翻轉，而不是旋轉。

幾何編輯的重點總結：

裁剪移除多餘內容；旋轉改變方向；反轉創造鏡像。

3. 調整外觀與色彩

你可以使用基本的色彩和光影控制來修改圖像的視覺品質。

3.1 調整亮度 (Brightness)

亮度是指圖像整體的明亮程度。增加亮度會使整個圖像變亮；降低亮度則會使圖像變暗。

使用時機： 如果圖像在光線不足的情況下拍攝，顯得太暗時。

3.2 調整對比度 (Contrast)

對比度是指圖像中最亮部分與最暗部分之間的顏色和光線強度差異。

• 高對比度：明暗差異大（顏色顯得生動且銳利）。
• 低對比度：明暗差異小（圖像看起來暗淡或灰濛濛的）。

使用時機： 如果你的圖像看起來暗淡無光，增加對比度會讓黑色更黑、白色更白，讓顏色更有衝擊力。

4. 圖層與群組操作

在物件重疊的複雜文件或簡報中，你需要管理它們如何互動。

4.1 圖層 (移到最上層或最下層)

想像你正在將實體照片堆疊在一起。堆疊的順序就是圖層順序 (Z-order)。

當你有重疊的圖像或形狀時：

• 移到最上層：將選取的物件帶到最頂層，覆蓋所有其他物件。
• 移到最下層：將選取的物件送到最底層，被所有其他物件覆蓋。

4.2 群組與取消群組

群組允許你選取多個單獨的物件（例如一張圖像、一個文字方塊和一個箭號），並將它們視為一個整體進行處理。

範例： 如果你使用文字和兩張圖像製作了一個標誌，你應該將它們群組在一起。現在，當你移動或調整群組大小時，這三樣東西會同時移動和縮放，並保持它們的相對位置。

取消群組則是反向操作，讓你能夠再次編輯個別的元件。

圖層操作的重點總結：

圖層控制物件重疊時的可見度。群組使多個物件在移動和調整大小時表現得像一個物件。

5. 縮減圖像檔案大小 (優化)

本節涵蓋理論知識，通常會在卷一中考到，內容關於如何縮小圖像以利儲存或傳輸（例如：讓網頁載入速度更快）。

要縮小圖像的檔案大小，你必須減少它儲存的數據量。做到這一點的兩個主要方法是更改解像度 (Resolution) 或色彩深度 (Colour Depth)。

重要提示： 用這些方式縮小檔案大小通常會導致圖像品質下降。

5.1 降低圖像解像度

解像度是指用來顯示圖像的像素（微小的彩色點）數量，通常以 DPI（每英吋點數）或 PPI（每英吋像素數）為單位。

• 高解像度：像素非常多（例如 300 DPI）。適合列印；檔案非常大。
• 低解像度：像素較少（例如 72 DPI）。適合網頁/螢幕；檔案小，但放大後看起來會出現顆粒感（馬賽克）。

如何縮減檔案大小： 如果你將像素數量減半，檔案大小會大幅縮小，因為電腦需要儲存的圖像數據減少了。

你知道嗎？ 大多數電腦螢幕僅以約 72 DPI 顯示圖像，因此將網頁用的圖像儲存為 300 DPI 只是浪費檔案空間！

5.2 降低色彩深度 (Colour Depth)

色彩深度是儲存單個像素顏色資訊所需的位元 (bits，由 0 與 1 組成) 數量。位元數越多，可能的顏色就越多。

• 24-bit 真彩色：儲存超過 1600 萬種顏色（逼真的照片）。
• 8-bit 色彩：儲存 256 種顏色（適合簡單的圖形）。
• 1-bit 色彩：僅儲存 2 種顏色（黑與白）。

如何縮減檔案大小： 如果你降低色彩深度（例如將 24-bit 圖像改為 8-bit 圖像），你將大幅減少「每個」像素所需的位元數，從而使整體檔案大小變小。如果圖像很複雜，這可能會導致明顯的色彩斷層 (banding) 或色調分離現象。

優化的重點總結：

要減小檔案大小，必須減少像素數量 (解像度) 或可用的顏色數量 (色彩深度)。兩者都是以品質換取空間。