Logo
BulkPicTools

圖片圓角處理 — 免費批量、四角獨立、圖片不上傳

免費在線給圖片添加圓角,支持四角獨立設置、柔和曲線風格、透明背景輸出。批量處理整個文件夾,全程本地運行,圖片不上傳服務器。

拖入圖片,批量添加圓角

支持批量處理任意數量圖片。輸出格式統一爲 PNG,以保留圓角區域的透明通道。

圖片圓角處理的功能

四角獨立控制

每個角(左上、右上、右下、左下)各自獨立設置半徑。或用統一模式快速設置所有角。支持**鎖定對角**(左上=右下、右上=左下),一鍵完成不對稱設計。

批量處理整個文件夾

一次拖入 50、100 甚至 500+ 張圖片。統一參數應用到全部圖片——整套圖標庫、產品圖冊、社交媒體素材包,一次搞定。**無數量限制**。

標準圓弧與柔和曲線

標準圓弧使用經典圓角幾何。柔和曲線使用貝塞爾曲線,打造 **Apple 風格超橢圓**效果——曲率更早開始,過渡更自然流暢。設計師一眼就能看出差別。

使用指南與技巧

爲什麼輸出格式是 PNG 而不是 JPG?

給圖片添加圓角後,四個角的區域變成透明。這個透明信息必須存儲在文件格式中。PNG 原生支持 Alpha 通道透明——每個像素都可以有從完全透明到完全不透明的任意透明度值。JPEG 不支持透明度,如果把圓角圖片保存爲 JPEG,透明的圓角區域會被填充成純色(通常是白色或黑色),圓角效果就完全失去意義了。

這就是爲什麼本工具無論輸入是 JPG、PNG 還是 WebP,輸出都固定爲 PNG。這不是任意的限制,而是技術上正確的選擇。PNG 是無損格式,輸出文件比 JPEG 大,但透明度被完整保留。如果覺得 PNG 文件過大,可以用 批量圖片壓縮工具 進一步壓縮,同樣全程本地處理。

有一種例外:如果你選擇了實心背景色而不是透明背景,圓角區域會被填充爲你選的顏色,不再有透明區域。這種情況下從技術上 JPEG 也可以,但本工具仍輸出 PNG——以保持圖像內容本身的無損質量。

標準圓弧和柔和曲線,選哪個?

兩種風格使用相同的圓角半徑值,區別在於定義角落形狀的數學曲線。

標準圓弧

與 CSS border-radius 和 Canvas roundRect() 函數產生的效果完全一致——四分之一圓弧,曲率恆定。在直邊與彎曲角落之間有明確的過渡點。這是大多數 UI 框架、Windows 界面元素,以及早期 Web 設計使用的標準圓角。

柔和曲線(超橢圓 / Squircle)

柔和曲線使用三次貝塞爾曲線而不是圓弧。關鍵區別在於曲率更早開始積累——不是從直線突然轉爲圓弧,而是從直邊就開始緩慢彎曲。Apple 從 2013 年 iOS 7 開始用這種曲線做 App 圖標,Figma 的幀圓角也採用這種方式。視覺效果更自然,因爲它更接近現實世界中圓角物體的外觀(比如圓角金屬板的邊緣)。

數學基礎是超橢圓方程:|x/a|^n + |y/b|^n = 1。n=2 時是普通橢圓,n 趨向無窮時是正方形,n≈4~5 時是 App 圖標常見的甜蜜點,柔和曲線模式就是用貝塞爾控制點近似這個結果。

實際建議:做 iOS/macOS App 圖標選柔和曲線;要和 CSS border-radius 完全對齊選標準圓弧;電商產品圖、社交媒體卡片兩種都好用,視覺差異不大。

四角獨立圓角:什麼場景需要用到?

統一圓角能覆蓋絕大多數使用場景,但在特定設計模式中,四角獨立控制非常有用。

選項卡導航激活狀態

選中的標籤頁通常上方兩角有圓角,下方兩角爲直角(與內容面板形成連接感)。設置 TL=TR=16px、BR=BL=0px 即可實現。

方向性卡片和橫幅

某些卡片需要朝某個方向「指向」——比如氣泡框、帶方向感的 Banner。三個角大圓角,指向目標元素的那個角設爲 0。

不對稱品牌產品圖

部分電商品牌使用不對稱圓角打造獨特視覺風格:左上和右下大圓角、右上和左下小圓角,排列成網格時形成對角節奏感。

鎖定對角按鈕

「鎖定左上=右下」和「鎖定右上=左下」按鈕,允許同時設置對角線上兩個角的值。這是最常見的不對稱模式:兩組對角線的值不同,但每組內部對稱。大多數使用不對稱圓角的設計系統都遵循這個約定,既有差異化又保持視覺平衡。

批量處理圓角:App 圖標、產品圖庫、設計資產

批量處理是本工具區別於多數競品的核心功能。round-corner.imageonline.co 等工具只能逐張處理;allrounderimagetool 支持批量但只有單一統一半徑;pinetools 有獨立的批量版本但沒有四角獨立控制。

App 圖標集(iOS、Android、macOS)

一套完整的 iOS App 圖標包含 20+ 個尺寸:20×20、29×29、40×40、60×60、76×76、83.5×83.5、1024×1024 以及多個 @2x、@3x 變體。批量處理時建議用 % 單位而非 px,這樣不同尺寸的圖標圓角弧度保持比例一致。推薦設置 22%,近似 iOS 系統圖標的圓角比例。

電商產品圖庫

電商產品圖通常需要統一的圓角處理用於分類頁網格、縮略圖和社交媒體發佈。拖入整個產品文件夾,設置參數,一次處理完畢。輸出文件名保留原始命名並加 "-rounded" 後綴,方便直接替換原資產文件夾中的文件。

設計系統截圖資產

設計系統文檔、組件庫或 App Store 上架截圖,在放入 Figma 或 Keynote 前往往需要添加圓角。透明 PNG 輸出可以直接放入任何設計工具的畫框中,無需額外遮罩或裁剪。批量處理所有截圖只需數秒。處理完成後如果需要添加水印或版權聲明,可以用 圖片水印工具 繼續處理,同樣全程本地運行。

圓角處理 vs 圓形裁剪:該用哪個?

這兩個工具功能相近,但適用場景不同,值得說清楚。

圓角處理(本工具)

給矩形圖片添加圓角——圖片保持原始比例,只是四個角變柔和。輸出形狀是圓角矩形,圖片內容完整保留,只失去四個角落的小三角形區域。適合:App 圖標、產品卡片、縮略圖、UI 截圖,任何需要柔和邊角但圖片本質仍爲矩形的場景。

圓形裁剪(圓形裁剪工具

將圖片裁剪爲完美圓形——先將圖片裁剪爲正方形,再應用圓形蒙版。適合:頭像、個人資料圖片、社交媒體頭像,任何需要正圓形的場景。

實用判斷:想保留完整圖片只是柔化邊角,用圓角處理。需要圓形頭像或圓形顯示,用圓形裁剪。當對正方形圖片將圓角設爲 50% 時,兩者輸出結果完全相同——都是完美圓形。

使用教程

1

上傳圖片

拖入圖片或點擊選擇文件。支持 JPG、PNG、WebP。**無文件大小限制,無數量限制**。

2

設置圓角半徑

用統一模式單滑塊快速設置,或切換到四角獨立模式分別控制。支持 **px 和 %** 兩種單位。

3

選擇曲線風格和背景

選擇標準圓弧(經典)或柔和曲線(超橢圓)。背景可設爲**透明**或任意自定義顏色。

4

下載 PNG

單張下載或**打包 ZIP 批量下載**——輸出全部爲 PNG 格式以保留透明圓角。文件名自動加 "-rounded" 後綴。

圖片圓角處理的常見問題

圓角處理後,四個角的區域變爲透明。PNG 原生支持透明度,JPEG 不支持。如果圓角圖片保存爲 JPEG,透明角落會被填充爲純色,圓角效果就完全沒有意義了。這是技術上必須使用 PNG 的原因,而非任意限制。如果選擇了實心背景色而不是透明背景,圓角區域會填充爲你選的顏色,但輸出仍爲 PNG 以保持圖像內容無損質量。PNG 文件較大時,可以用 批量圖片壓縮工具 進一步壓縮。