圓角圖片

添加選擇的顏色邊框,將外角遮罩到選定的半徑,並導出帶透明外角的 PNG。

何時此工具有用

需要一致角形的頭像、卡片、縮圖和 UI 資產。

本地處理如何運作

瀏覽器將畫布擴展至所選邊框寬度,用所選顏色填充邊框,應用圓角矩形外部遮罩,並寫入 PNG。

使用方法

  1. 準備來源: 需要一致角形的頭像、卡片、縮圖和 UI 資產。
  2. 本地處理: 瀏覽器將畫布擴展至所選邊框寬度,用所選顏色填充邊框,應用圓角矩形外部遮罩,並寫入 PNG。
  3. 下載並驗證: 在對比背景上查看角落,檢查四條邊緣的 200%,確認尺寸,並測試目標 UI 比例。

重要限制

此路徑僅導出 PNG;較大的外圓半徑會移除角落像素,遮罩使用硬像素邊緣而不是向量抗鋸齒,並且元數據會被移除。

驗證下載的結果

在對比背景上查看角落,檢查四條邊緣的 200%,確認尺寸,並測試目標 UI 比例。

設計上保密

您的檔案將保存在此瀏覽器中。工具不會將來源或輸出上傳到我們的伺服器。

問答

這個工具什麼時候有用?

需要一致角形的頭像、卡片、縮圖和 UI 資產。

瀏覽器實際上做了什麼?

瀏覽器將畫布擴展至所選邊框寬度,用所選顏色填充邊框,應用圓角矩形外部遮罩,並寫入 PNG。

我必須理解哪些限制?

此路徑僅導出 PNG;較大的外圓半徑會移除角落像素,遮罩使用硬像素邊緣而不是向量抗鋸齒,並且元數據會被移除。

我應該如何驗證結果?

在對比背景上查看角落,檢查四條邊緣的 200%,確認尺寸,並測試目標 UI 比例。

相關工具