為任何圖片添加圓角或完整圓形裁剪。使用半徑滑桿調整曲線程度。輸出為帶透明角落的PNG —— 角落真正圓潤,而非以白色填充偽裝。適用於頭像、應用截圖、設計樣機,任何希望圖片邊緣更柔和的場合。
為什麼圓角在設計中很重要
圓角在現代UI中無處不在 —— 應用圖標(iOS使用20%圓角半徑)、頭像(大多數平台渲染為圓形)、卡片佈局、訊息應用中的圖片預覽。帶有方角的圖片放入圓角UI中會顯得格格不入。在原始圖片階段預先圓角,可確保它順暢融入目標環境,無需在目的地使用CSS技巧。
輸出為帶透明角落的PNG(Alpha通道 = 0)。無論放入淺色、深色或漸層背景,角落都會自然融合,看起來恰到好處。
如何為圖片添加圓角
- 上傳你的圖片。支援JPG、PNG、WebP、HEIC格式。免費上限50MP。
- 拖動半徑滑桿。 0 = 方角(無變化),50% = 藍莓形狀,100% = 完整圓形。實時預覽顯示結果。
- 選擇預設值以獲得特定外觀:
- iOS應用圖標 — 22.5%半徑(iOS 7+標準)
- Material Design — 12%半徑
- 柔和卡片 — 8%半徑(典型卡片UI)
- 藍莓形 — 50%半徑
- 圓形 — 100%半徑(先自動裁剪為正方形)
- 下載PNG。透明角落,輸出PNG-24帶Alpha通道。
圓角 vs 圓形裁剪 vs 背景移除
圓角(本工具):整張圖片保留;僅角落圓潤。適用於卡片、應用截圖、設計樣機。
圓形裁剪(本工具,100%半徑):圖片變為圓形。適用於頭像。
背景移除:移除主體,完全移除背景。操作不同 —— 產生自由形狀的透明區域,而非幾何形狀。
選擇正確半徑的技巧
匹配目標UI。若將圖片放入Material Design卡片,使用12%半徑。若放入iOS應用,使用22.5%。若放入通用「柔和卡片」外觀,8%看起來中性。
較大圖片需要較大半徑。1000×1000圖片,8px圓角幾乎看不出圓潤。8%(= 80px)圓角則顯得有意圖。請使用百分比滑桿而非絕對像素。
針對圓形輸出(頭像),源圖片會先自動裁剪為正方形。裁剪區域預設居中;若希望特定區域在可見圓形內,可拖動調整。
關於 圓角圖片編輯器
圓角圖片編輯器 是 Wallpapers.com 提供的免費線上工具,完全在您的瀏覽器中運行 — 無需安裝、無水印、首次試用無需註冊電郵。
為任何圖片添加圓角或完整圓形遮罩。
如何使用 圓角圖片編輯器
- 將圖片拖入上傳區(單張或批量 — 頂部切換 Bulk)。
- 選擇工具提供的任何設定(尺寸、格式、品質)。
- 點擊 Run。結果將自動下載 — 無需手動儲存。
何時使用它
常見用途包括:
為網頁上傳、電商清單、有格式限制的社群媒體平台做圖片準備,以及在不同裝置或應用程式間轉換檔案。
免費 vs 高級
每位訪客均可免費試用一次;登入的免費用戶享有更高的每日配額。訂閱
高級
以獲取無限次運行、每批次最多 200 張圖片的批量處理、優先隊列,以及無廣告瀏覽。
11
尋找稍有差異的選項?嘗試
社交媒體圖片縮放器
,
圖片縮放器
或
壁紙縮放器
— 或瀏覽所有
調整及裁剪 工具.