▢

圖片圓角

線上幫圖片四角做獨立圓角,左上右下分別調半徑,一鍵同步,匯出透明邊角 PNG。
圓角 📂 圖片 👤 ToolWorld 🏷️ v1.1.12
載入中...
▢ 拖入圖片,或點擊選擇 四角獨立圓角 · Path2D 精確裁切 · 透明邊角
上傳後在這裡預覽圓角效果

使用說明

📖 工具介紹


圖片圓角是一款在瀏覽器本機完成圓角裁切的線上工具,適合把矩形照片、截圖、卡片圖改成 App 風格的柔和圓角。與常見的四角等圓工具不同,本工具的左上角、右上角、左下角、右下角半徑各自獨立可調:你可以只給右上角做大圓角做一個折角效果,也可以把某一角拉成半圓做異形卡片。半徑用數字框加步進按鈕輸入,每點一次加減 5 像素,範圍 0 到 200;勾選四角同步後任意一角的調整會同時作用於四角。裁切採用逐角 arcTo 的 Path2D 路徑配合 clip,每一角的圓角都精確落到像素上,不會出現大半徑互相吞併的走形。匯出為 PNG,圓角以外的區域真正透明,可以直接疊在網頁、簡報或聊天訊息裡使用。

✨ 功能特點


  • 四角獨立:左上、右上、左下、右下分別設定半徑
  • 一鍵同步:勾選後一處調整,四角同時生效
  • 步進微調:數字框輸入或每次加減 5px 按鈕
  • 路徑精確:逐角 arcTo 圓角路徑,大半徑不走形
  • 透明邊角:匯出 PNG 圓角外真正透明
  • 即時預覽:調整即變,所見即所得

📝 使用方式


  1. 點擊拖放區上傳矩形照片或截圖
  2. 在四個角的數字框中輸入半徑,或用加減按鈕微調
  3. 需要四角一致時勾選四角同步
  4. 觀察預覽確認圓角大小
  5. 點擊匯出 PNG,儲存圓角圖片

⚠️ 注意事項


  • 半徑上限:單角最大 200px,超過邊長一半會自動收斂
  • 透明匯出:只有 PNG 保留透明邊角,JPEG 會填白
  • 工作尺寸:超大圖片按長邊 2048px 縮放後處理
  • 異形卡片:只給單角加大半徑即可做折角造型
  • 原圖安全:所有裁切在記憶體完成,本機原圖不會被修改

相關推薦

⏫︎