跳至主要內容
Lizely

圓形裁剪

選擇 JPG、PNG 或 WebP 檔案,將其轉為中央對齊的圓形,並直接在瀏覽器中完成裁剪,下載高解析度透明的 PNG。

隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。

使用方式

  1. 1.選擇最多至 25 MiB 的 JPG、PNG 或 WebP 圖片,並確認顯示的來源尺寸。
  2. 2.選擇「建立圓形裁剪」以使用最大中央方塊,且維持原始像素尺寸。
  3. 3.檢視透明的 PNG 預覽,然後下載結果。

關於圓形裁剪

圓形裁剪會在瀏覽器中直接生成圓形圖片,並以透明邊緣呈現。請選擇 JPG、PNG 或 WebP 檔案,檢視原始預覽,並產生可直接用於個人頭像、團隊名冊、聯絡卡、市場平臺頭像或簡單設計佈局的 PNG。此流程有一項明確設計:會取中心區域最大的正方形,裁剪為圓形,並將所有圓外像素設為透明。此過程無任何定位控制或自動主題偵測,結果可預測且易於驗證。

輸出不會自動調整尺寸。其寬度與高度皆等於原始圖片較短的一邊。例如,一張 1200×800 的橫向照片會產出 800×800 的 PNG,使用從 x=200 到 x=1000 的中心矩形區域。一張 800×1200 的縱向照片也會產出 800×800,使用從 y=200 到 y=1000 的中心垂直區域。若為正方形圖片,則維持原始尺寸。頁面預覽僅受限於頁面佈局,實際下載的檔案則來自自然尺寸的畫布輸出。

生產渲染器與獨立測試共享同一裁剪計畫。該計畫明確定義了原始區域、目標區域、輸出尺寸、圓心與半徑。渲染器會以透明畫布為起點,裁剪至預定的圓形路徑,並將中心正方形繪入對應的輸出區域。測試涵蓋橫向、縱向、正方形以及邊界差異的各種尺寸,包括半像素級的原始座標,以確保裁剪數學上精確居中,而非偏向任一邊。

所有工作都留在目前的瀏覽器分頁中。所選的檔案會透過一個臨時本機物件 URL 開啟,由瀏覽器進行解碼,並使用 畫布 API 進行繪製。產生的 PNG 會收到一個獨立的臨時物件 URL 用於預覽和下載。兩個 在被取代或頁面關閉時會被釋放,非同步作業防護機制會防止較舊的解碼或 PNG 匯出覆蓋較新的選擇。不會將圖片像素、檔名、裁剪結果或使用細節上傳至 Lizely。

接受 JPEG、PNG 和 WebP 的輸入。SVG 和 GIF 被排除在外,因為這個工具是為普通靜態點陣圖設計的,並不保留向量行為或動畫。壓縮檔案的大小限制為 25 MiB(26,214,400 位元組)。解碼後,圖片也會受到 40 百萬像素和 20,000 像素每邊的限制,因為畫布記憶體取決於解碼後的尺寸,而非壓縮檔案大小。不支援、空值、過大、超預算、無法讀取、畫布、編碼以及下載-URL 過失會明確顯示,並清除任何過期的輸出。

所有結果皆以 PNG 格式編碼,因為圓外區域需要透明。輸出的 PNG 可能大於原始的 JPEG 或 WebP,這屬正常現象,因為 PNG 使用無失真壓縮。新編碼的輸出並無法保證保留 EXIF 的元資料、相機朝向標籤、色彩配置檔、動畫或內嵌文字欄位。圓形邊界可能包含瀏覽器抗鋸齒產生的半透明邊緣像素,這會在常見顯示尺寸下讓邊緣視覺更平滑。

當主題已經位於圖片中央且周圍有足夠空間時,使用中央裁剪效果最佳。若臉部或物件靠近邊緣,請先在圖片編輯器中進行裁剪或重新定位來源。請保留原始檔案,並檢查透明的 PNG 預覽在亮底與暗底背景下的表現,確認重要細節不會觸及圓形邊界,再發布該圖片。若需要自訂矩形區域,使用圖片裁剪工具;若需特定像素尺寸,使用圖片尺寸調整工具;若需修正導向,則使用圖片旋轉工具。

方法與來源

瀏覽器會驗證 JPEG、PNG 或 WebP 的 MIME 型別,以及 25 的 MiB(26,214,400 位元組)壓縮大小上限,透過臨時物件 URL 解碼圖片,然後拒絕無效的尺寸,例如任一邊長度超過 20,000 像素,或圖片超過 40 百萬像素。共用的裁剪計畫會選取不需調整大小的最大中心正方形,並定義輸出矩形以及以輸出邊長一半為中心點、半徑為邊長一半的圓形。生產環境與測試環境共用一個渲染器,會將自然尺寸的畫布清空為透明,裁剪那個準確的圓形,將預設的來源矩形繪製至相同尺寸的目標矩形,恢復繪圖環境,並輸出 image/png。獨立測試會確認橫向、直向、正方形以及水平與垂直差異的幾何形狀,加上清楚裁剪繪製的呼叫順序。工作與已掛載狀態的防護機制會防止過時的非同步解碼或編碼工作取代較新的結果,當來源與結果物件的 被取代或取消掛載時,會被撤銷。

常見問題

圓形裁剪會改變我的圖片尺寸嗎?
不會。輸出的寬度和高度等於來源圖片較短的一邊。最大中央方塊以相同的像素尺寸繪製。
我可以移動或縮放裁剪區域嗎?
不會。此專注工具始終使用最大中央方塊。若主題未居中,請先重新定位來源。
我的圖片會被上傳嗎?
不會。檔案解碼、畫布裁剪、預覽生成以及 PNG 匯出皆在你當前瀏覽器標籤頁的本機環境中完成。
為何下載的是 PNG?
PNG 支援圓形範圍外的透明像素;JPEG 則不支援透明度。

圖片工具 使用指南

查看全部