圖片裁切與格式處理技術解析
在處理網頁設計、社交媒體頭像或文章配圖時，精確調整圖片的尺寸與形狀是不可或缺的步驟。本工具提供直觀的介面，讓使用者能夠自由裁切、旋轉及翻轉圖片，並支援將圖片裁切為自由矩形、鎖定比例或圓形。
支援的輸入格式與處理機制
本工具支援輸入以下四種常見的圖片格式：JPEG、PNG、WebP 及 HEIC。當使用者尚未載入圖片時，介面會顯示「選擇或拖入圖片」以及提示字樣「一張 JPEG、PNG、WebP 或 HEIC 圖片。」。
在開啟圖片的過程中，系統會顯示「正在開啟圖片…」。若遇到無法解析的檔案，則會彈出錯誤提示：「這個檔案無法作為圖片開啟，可能已損毀、為空，或根本不是圖片。」。
針對不同的格式，工具內建了特定的轉換與輸出規則：
- HEIC 格式支援：來自 iPhone 的 HEIC 格式相片可以直接在瀏覽器中開啟，並允許使用者將其另存為 JPEG、PNG 或 WebP 格式。
- 預設輸出格式：在預設情況下，裁切後的圖片會保留原始圖片格式，但 HEIC 格式除外（HEIC 會預設儲存為 JPEG）。
- 無損與有損壓縮：若選擇將圖片儲存為 JPEG 或 WebP 格式，介面會提供「畫質」控制選項，讓使用者自行調整壓縮比率；若選擇儲存為 PNG 格式，則會採用無損壓縮，完整保留影像細節。
裁切形狀與比例鎖定
本工具提供三種「裁切形狀」模式，以滿足不同的排版與構圖需求：
- 自由：此模式允許使用者拖出任意矩形。使用者可以透過拖曳框身進行移動，或拖曳控制點進行縮放。
- 比例：選擇此模式後，系統會展開「長寬比」選單，提供多種標準比例選項，包括「原圖比例」、「正方形」、「1:1」、「4:3」、「3:4」、「3:2」、「2:3」、「16:9」及「9:16」。在移動或縮放選取框時，其長寬比會始終鎖定，確保輸出構圖不變形。
- 圓形：此模式專為製作頭像設計。選取範圍會始終保持圓形。為了確保圓形以外的四角範圍呈現透明，當選擇圓形裁切時，輸出格式會強制預設為 PNG，並停用 JPEG 選項，以確保透明度得以保留。
在操作過程中，使用者除了可以使用滑鼠拖曳「裁切框 —— 拖曳移動，方向鍵微調」之外，亦可利用鍵盤的方向鍵對選取範圍進行精確的微調。
影像旋轉、翻轉與像素保留
除了裁切功能外，工具亦整合了「旋轉和翻轉」的基礎影像操作，包括「向左旋轉」、「向右旋轉」、「水平翻轉」及「垂直翻轉」。
不論進行何種旋轉、翻轉或裁切操作，被保留下來的裁切區域均會維持其原始像素，不會在裁切過程中被強制重采样或降低解析度。
瀏覽器本機處理與隱私保護
本工具採用用戶端處理技術，你的圖片會在瀏覽器本機裁切，不會上傳到 BroBroGo。所有運算、格式解碼與圖像渲染均在使用者電腦或手機的瀏覽器內完成，保障資料處理的私密性。
操作狀態與錯誤處理
在進行裁切操作時，系統會根據不同的狀態顯示相應的提示與錯誤訊息：
| 操作狀態 / 異常情況 | 系統顯示訊息 |
|---|---|
| 未選擇檔案即執行裁切 | 「請先選擇一張 JPEG、PNG 或 WebP 圖片。」 |
| 選擇不支援的檔案格式 | 「僅支援 JPEG、PNG 和 WebP 圖片。」 |
| 正在執行裁切運算 | 「正在裁切…」 |
| 裁切成功完成 | 「裁切完成。在下方下載圖片。」 |
| 裁切程序失敗 | 「裁切失敗。換一張圖片或輸出格式再試。」 |
裁切成功後，系統會於「結果」區域顯示裁切後的圖片，並提供「選取範圍：{w} × {h} px」的即時尺寸標示，以及輸出圖片的詳細元數據，格式如「{w} × {h} · {type} · {size}」。
常見問題
可以裁切哪些圖片格式？ JPEG、PNG、WebP 和 iPhone 的 HEIC。預設保留原格式（HEIC 會存成 JPEG），也可以另存為 JPEG、PNG 或 WebP。
可以裁切 iPhone 的 HEIC 相片嗎？ 可以。放入 HEIC 或 HEIF 相片，它會在你的瀏覽器裡直接開啟，然後裁切並存成 JPEG、PNG 或 WebP。
圓形裁切是怎麼運作的？ 它會從你框選範圍的中心裁出一個圓，存成 PNG（或 WebP），圓外四角保持透明，可以直接放到任何背景上。
可以按固定比例裁切嗎？ 可以。選 1:1、4:3 或 16:9 等比例，框選框在你移動和縮放時會一直鎖定這個比例 —— 做頭像、縮圖、封面圖很方便。
裁切會降低畫質嗎？ 裁出來的範圍保留原始像素。存成 JPEG 或 WebP 時按你設定的畫質壓縮，PNG 則是無損的。