圖片工具 / 23
圓角圖片
使用平台預設或精確半徑將任何圖片裁切成圓角，並下載透明 PNG。
圓角圖片: TOEA會在畫布上將圖片裁切成圓角矩形，讓角落落在路徑外，並以完全透明的像素寫入 PNG。 全程在瀏覽器中於本機執行，檔案不會上傳至伺服器。
- 分類
- 圖片工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
PNG、JPG、WebP或SVG · 1024 × 1024以上的尺寸效果最佳
CSS做得更好的時候
在網頁上，CSS的border-radius會在顯示時將圖片變成圓角，檔案也能維持最小的格式，之後還能調整圓角，不必重新匯出。預先製作圓角適合沒有CSS的地方：投影片、文件、電商上架圖片、社群貼文和電子郵件；Outlook桌面版會忽略border-radius。以這種方式將照片儲存為PNG會大幅增加檔案大小；PNG轉WebP可以用一小部分的大小保留透明圓角。
不適用於商店圖示
請不要將預先裁成圓角的圖片提交為應用程式圖示。iOS和Google Play會將自己的遮罩套用到完整正方形上，因此事先裁好的圓角會在系統形狀內留下透明或深色細縫。圓角圖片適合在網站、簡報或模型圖中以一般圖片形式呈現的圖示；應用程式專案需要的圖示檔案，請使用應用程式圖示產生器匯出完整正方形。
使用方式
- 選擇圖片。
- 選擇 iOS App 圖示等預設，或設定自己的圓角半徑。
- 下載圓角 PNG。
隱私與限制
圖片會在本機完成圓角處理，絕不會上傳。輸出格式一律為 PNG，因為 JPG 沒有可保留透明角落的 alpha 通道。
相關工具
常見問題
我應該使用哪個半徑？
iOS App 圖示預設使用寬度的22.37%，視覺上符合主畫面遮罩；macOS 使用18.52%。若用於 UI 卡片，低調的6%預設通常更接近你需要的效果。
角落真的會透明嗎？
會。結果是含有 alpha 通道的 PNG，因此角落會顯示後方的內容，而不是白色方塊。
這會產生真正的 Apple squircle 嗎？
不會。此工具使用圓弧繪製圓角矩形，在一般尺寸下非常接近，但不是 Apple 的連續曲率形狀。不論如何，iOS 也會對 App 圖示套用自己的遮罩。
可以處理非正方形圖片嗎？
可以。半徑會以較短的一邊為基準測量，並限制在該邊的一半，因此寬幅圖片會變成膠囊形，而不會出錯。
免費工具・使用在瀏覽器中次・免註冊