圓角圖片編輯器

為任何圖片添加圓角或全圓形裁切。使用半徑滑桿調整曲線。輸出為 PNG，角落透明 — 它們是真正的圓角，而非用白色填充偽造。適用於個人頭像、應用程式截圖、設計稿等任何需要柔和邊緣的圖片。

為什麼圓角在設計中很重要

圓角在現代 UI 中無處不在 — 應用程式圖示（iOS 使用 20% 圓角半徑）、個人頭像（大多數平台呈現圓形）、卡片佈局、即時通訊應用中的圖片預覽。將方形邊緣的圖片放入圓角 UI 中會顯得格格不入。在來源端預先圓角化，圖片就能乾淨地嵌入，無需在目標端使用 CSS 技巧。

輸出為透明 PNG，角落實際上是透明的（Alpha 通道 = 0）。放入任何背景 — 淺色、深色、漸層 — 角落看起來都恰到好處。

如何為圖片添加圓角

1. 拖放您的圖片。 支援 JPG、PNG、WebP、HEIC。免費版最高 50 MP。
2. 拖動半徑滑桿。 0 = 方形（無變化），50% = 藥丸形狀，100% = 全圓形。即時預覽顯示結果。
3. 選擇預設 如果您想要特定外觀：
   • iOS 應用程式圖示 — 22.5% 半徑（iOS 7+ 標準）
   • Material Design — 12% 半徑
   • 柔和卡片 — 8% 半徑（典型卡片 UI）
   • 藥丸形狀 — 50% 半徑
   • 圓形 — 100% 半徑（先自動裁切為正方形）
4. 下載 PNG。 透明角落，輸出 PNG-24 含 Alpha 通道。

圓角 vs 圓形裁切 vs 去除背景

圓角（此工具）：保留整張圖片；僅角落變圓。用於卡片、應用程式截圖、設計預覽。

圓形裁切（此工具，100% 半徑）：圖片變成圓形。用於個人頭像。

去除背景：裁切出主體，完全移除背景。操作不同 — 產生自由形狀的透明形狀，而非幾何形狀。

選擇合適半徑的技巧

配合目標 UI。 如果您要將圖片放入 Material Design 卡片，使用 12% 半徑。如果放入 iOS 應用程式，使用 22.5%。如果是一般「柔和卡片」外觀，8% 看起來很中性。

較大的圖片需要較大的半徑。 1000×1000 的圖片，8px 的圓角幾乎看不出來。8%（= 80px）的圓角則顯得有設計感。使用百分比滑桿而非絕對像素值。

對於圓形輸出（個人頭像），來源圖片會先自動裁切為正方形。裁切區域預設居中；拖動可重新定位，以在可見圓形中顯示特定區域。