瀏覽器本機圖片裁切技術
「圖片裁切」工具提供直覺且快速的影像編輯功能，支援裁切、旋轉與翻轉圖片。使用者可依據需求，選擇自由矩形、固定長寬比或圓形裁切。本工具完全在您的瀏覽器本機進行運算，圖片不會上傳到 BroBroGo，在保障隱私的同時，也免去了等待上傳與下載的時間。
不論是需要擷取圖片的特定區域、製作社群媒體封面、產生網站縮圖，或是製作去背的圓形個人頭像，皆可透過本工具調整影像結構與方向。
支援的輸入與輸出格式
本工具支援多種常見的影像格式，並針對不同格式的特性進行最佳化處理：
- 輸入格式：支援載入一張 JPEG、PNG、WebP 或 HEIC 格式的圖片。
- 輸出格式：預設會保留原始圖片格式（HEIC 格式除外，會自動轉為 JPEG 儲存）。使用者亦可手動指定輸出為 JPEG、PNG 或 WebP。
格式特性與透明度處理
不同影像格式在壓縮技術與透明度支援上有所差異：
| 格式 | 壓縮類型 | 透明度支援 | 適用情境 |
|---|---|---|---|
| JPEG | 有損壓縮（可調整畫質） | 否 | 相片、複雜色彩影像，檔案體積小 |
| PNG | 無損壓縮 | 是 | 需要透明背景的標誌、圖示、圓形裁切 |
| WebP | 有損/無損壓縮（可調整畫質） | 是 | 網頁專用高壓縮比影像 |
| HEIC | 高效率圖檔格式 | 否 | iOS 裝置原生照片格式（本機開啟後轉存） |
當選擇「圓形」裁切時，系統會自動將輸出格式預設為 PNG，並停用 JPEG 選項。這是因為 JPEG 格式不支援透明通道（Alpha Channel），若使用 JPEG 儲存圓形裁切，圓形外圍的四個角落會被填滿，無法呈現透明效果；而使用 PNG 或 WebP 儲存，則可確保圓形以外的範圍保持完全透明，便於疊加於任何背景網頁或設計排版上。
裁切模式與比例控制
工具提供三種裁切模式，滿足不同的排版與尺寸規範：
- 自由（Free）：可自由拖曳裁切框的邊界與控制點，調整為任意的寬高尺寸。
- 比例：鎖定特定的長寬比。選取此模式後，會顯示比例選單，包含「原圖比例」、正方形（1:1）、4:3、3:4、3:2、2:3、16:9 以及 9:16。在移動或縮放選取框時，框線會嚴格鎖定該比例，適合用於製作 1:1 個人頭像或 16:9 影片縮圖。
- 圓形：選取範圍會限制為圓形，裁切後的影像僅保留圓形內部的像素，圓外四角則作透明化處理。
在操作過程中，選取框除了可以使用滑鼠或觸控拖曳控制點進行縮放外，亦可使用鍵盤的方向鍵進行像素級的微調，以達到極致精準的選取範圍。
壓縮與畫質調整
裁切後的影像區域會完整保留其原始像素，不會在裁切瞬間進行強制的破壞性壓縮。
在儲存輸出時，若選擇 JPEG 或 WebP 格式，介面會提供畫質調整滑桿。畫質設定越高，影像細節越完整，但檔案體積較大；調低畫質則可顯著減少檔案大小，適合網頁載入速度最佳化。若選擇 PNG 格式，則採用無損壓縮技術，不論儲存幾次都不會損失任何影像細節與清晰度。
系統狀態與錯誤處理說明
在操作過程中，工具會透過明確的提示字眼引導使用者，並在異常時顯示對應的錯誤訊息：
- 未載入圖片時：顯示「選擇或拖入圖片」與提示「一張 JPEG、PNG、WebP 或 HEIC 圖片。」。
- 開啟檔案中：顯示「正在開啟圖片…」。
- 未選擇檔案即執行裁切：顯示「請先選擇一張 JPEG、PNG 或 WebP 圖片。」。
- 載入不支援的格式：顯示「僅支援 JPEG、PNG 和 WebP 圖片。」。
- 檔案損毀或非圖片：顯示「這個檔案無法作為圖片開啟,可能已損毀、為空,或根本不是圖片。」。
- 裁切執行中：顯示「正在裁切…」。
- 裁切成功：顯示「裁切完成。在下方下載圖片。」。
- 裁切失敗：顯示「裁切失敗。換一張圖片或輸出格式再試。」。
常見問題 FAQ
可以裁切哪些圖片格式？
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 則是無損的。