Circle Crop 是一個在本機瀏覽器中運作的圖片工具，能從 JPG、PNG 或 WebP 檔案中裁切出最大且置中的正方形，並將結果匯出為透明圓形 PNG，整個過程不會調整大小、沒有隱藏限制，也無需上傳任何檔案。它接受最大 25 MiB（26,214,400 位元組）的檔案，以及解碼後最大 4000 萬像素或每邊 20,000 像素的圖片，然後回傳寬高皆等於原圖較短邊的 PNG。這個工具只為一個目的存在：將置中的正方形裁切成圓形，把圓形外圍的所有像素設為透明，並提供一個可直接用於個人檔案頁、聯絡卡片或設計版面的下載檔案。整個流程，包括檔案選擇、解碼、圓形裁切、PNG 編碼、預覽與下載，全部都在開啟該頁面的分頁內完成。沒有帳號、沒有浮水印，也不會有偷偷降低解析度的縮放步驟。由於輸出的四個角落是透明的，因此不論放在淺色或深色背景上都能乾淨地疊合，不會出現方形光暈。
為什麼人們會搜尋 Circle Crop 替代工具
大多數搜尋 circle crop 替代工具的讀者，都已經試過至少一個圓形裁切工具並遇到困擾。最常見的煩惱包括：悄悄縮減導致輸出解析度降低、預覽渲染前必須先註冊、惱人的廣告邊框緊貼輸出影像、強制上傳到可能會保留檔案的遠端伺服器，以及僵化的滑桿強制使用特定畫布尺寸而非依照原始來源。「替代工具」這個詞本身通常意味著前一個工具在隱私、品質或簡便性測試中失敗，甚至三項全都未通過。
一個真正稱得上替代的工具，必須在消除這些特定問題的同時，不會換來新的毛病。一個重視隱私的本機工具，若仍將圖片縮放成固定的頭像尺寸，其實並未真正解決品質問題。一個乾淨的網頁工具若仍要求上傳，也並未真正解決隱私問題。最理想的替代工具必須在兩個面向同時達標：檔案絕不離開裝置，且輸出的像素尺寸完全由來源決定，而非由伺服器端的任意範本決定。
Circle Crop 如何在不上傳圖片的情況下運作
這個工具透過暫時的本機物件 URL 開啟檔案，讓瀏覽器的影像解碼器將位元組轉成像素緩衝區，再依據官方文件所述的 CanvasRenderingContext2D clip 與 drawImage 方法，使用 Canvas API 繪製結果。在開始繪製之前，一個共用裁切計畫會定義精確的來源矩形、目標矩形、圓心與半徑。渲染器會將整個畫布清空為透明，裁切出該精確圓形，把置中的來源正方形繪製到等大的目標矩形中，然後將結果編碼為 image/png。若在先前的解碼或 PNG 匯出尚未完成時選擇了新檔案，非同步任務保護機制會確保舊的結果不會覆蓋新的結果。兩個暫存物件 URL 一旦被取代或頁面關閉，就會立即釋放。
這樣的實作帶來三項讀者可自行驗證的保證。第一，不論是檔名、像素內容、裁切決定或檔案去向，沒有任何關於這張圖片的資訊會被傳送到 Lizely。第二，輸出的寬與高永遠等於來源較短的邊，這代表 1200 x 800 的橫幅圖片會產生以 x=200 到 x=1000 為中心的 800 x 800 PNG，而 800 x 1200 的直幅圖片也會產生以 y=200 到 y=1000 為中心的 800 x 800 PNG。第三，透明的角落是真實的 alpha 像素，而非模擬出來的白色背景，因此檔案能在任何支援 PNG alpha 的平台上乾淨呈現。
| 輸入類型 | 是否支援 | 原因 |
|---|---|---|
| JPG / JPEG | 是 | 靜態點陣圖，常見的照片格式 |
| PNG | 是 | 靜態點陣圖，通常已部分透明 |
| WebP | 是 | 靜態點陣圖，現代壓縮格式 |
| SVG | 否 | 向量圖形，並非靜態像素畫布 |
| GIF | 否 | 可能是動畫；這個聚焦的工具並未處理 |
三步驟將圖片裁切成圓形
當讀者搜尋「circle crop alternative」時，通常會希望先看到實際步驟，再了解這個工具有何不同。請在瀏覽器中開啟 Circle Crop，並依照工具呈現的三步驟流程操作。
- 選擇一張最大 25 MiB 的 JPG、PNG 或 WebP 圖片，並確認預覽區上方顯示的來源尺寸。
- 點選 Create circle crop，以原始像素大小使用最大且置中的正方形。這個按鈕會觸發一次預先規劃好的裁切，沒有重新定位控制點，也沒有縮放滑桿。
- 檢視透明 PNG 預覽，然後下載結果。可見的預覽僅為符合頁面版面而調整大小，下載的檔案永遠來自原始尺寸的輸出畫布。
第一次使用時通常會出現一些實用的提醒。JPEG 照片本身不包含透明，因此一旦套用圓形裁切，來源的角落就會消失，這代表 PNG 內部並沒有藏著白色背景。原本就已部分透明的 PNG，在圓形外圍仍會保持部分透明。WebP 來源的行為則視其是否包含 alpha 通道而定，與 JPG 或 PNG 相同。若下載的檔案感覺比原始檔案大，這是無失真 PNG 編碼的正常成本，並非異常。
輸出尺寸一覽
這個圓形 PNG 在任何方向上都不會被縮放。寬與高都等於來源較短的邊，而用來填滿該正方形的像素來自來源的正中央。正方形輸入則會保留原始尺寸不變。
| 來源尺寸 | 輸出 PNG 尺寸 | 使用的來源矩形 |
|---|---|---|
| 1200 x 800 橫幅 | 800 x 800 | x = 200 至 x = 1000，全高 |
| 800 x 1200 直幅 | 800 x 800 | y = 200 至 y = 1000，全寬 |
| 1000 x 1000 正方形 | 1000 x 1000 | 完整來源 |
| 1200 x 900 差異為奇數 | 900 x 900 | 以半像素計算的置中來源區域 |
這些數據來自工具本身的裁切計畫，可確保正式版渲染器與其獨立測試中的幾何結果完全一致。當置中矩形可能偏向某一側時，內部會使用半像素座標，因此 1200 x 900 的圖片不會悄悄地左右偏移。
何時該選擇其他工具
Circle Crop 的設計目的是單一且可預測地完成一件事。當任務超出這個範疇時，請把結果交給相關的工具，而不是強迫 circle crop 變成一個通用編輯器。
- 需要非置中或非正方形的自訂矩形區域嗎？請使用 Image Cropper 進行自由矩形選取。
- 需要為頭像上傳者提供特定像素尺寸嗎？請在圓形裁切完成後，將圓形 PNG 送入 Image Resizer。
- 來源已旋轉或鏡像翻轉嗎？請先使用 Image Rotator 修正方向，再裁切成圓形。
- 需要 JPG 輸出且不在乎透明度嗎？請使用 PNG to JPG 轉檔。
- 需要在分享前檢視相機、鏡頭或 GPS 中繼資料嗎？請先用 EXIF Viewer 開啟檔案。
這些相關工具同樣不會上傳檔案。它們共用相同的瀏覽器端流程，因此在同一個離線編輯工作階段中是自然的搭配組合。
取得最乾淨的圓形 PNG
幾個習慣能讓最終結果在接收端看起來更銳利。在裁切前請確認主體接近來源中央，因為即使在矩形預覽中看起來對齊，偏移的人臉仍會被圓形邊界裁掉。圓形邊緣的抗鋸齒會產生部分透明的像素，讓邊界在一般顯示尺寸下看起來平滑，但如果再放大 PNG，邊緣可能會顯得模糊。請分別在白色與深色背景下檢查預覽，因為略為透明的邊緣在相反色調下會被讀成有顏色的光暈。請保留原始來源檔案，以備日後需要從頭重新裁切。
最後請記住，輸出的 PNG 並不保留下 EXIF 中繼資料、色彩描述檔或相機方向標記。只有圓形內可見的像素會被保留下來。對於頭像與聯絡名片而言這已經足夠，因為這些標記通常會被目的平台再次移除。若需要可供稽核或印刷的母檔，請將這個圓形 PNG 視為展示用圖片，而非最終真實來源。
想深入了解，請參閱 在瀏覽器中執行的 Image to ASCII 替代工具。
想深入了解，請參閱 如何在 Illustrator 中裁切圖片，或直接於瀏覽器中裁切。