工具 圓角

線上圖片圓角處理 - 免費批次生成透明 PNG

🔒 隱私優先 - 所有處理均在您的瀏覽器中完成,無需上傳

🏙️

線上將照片變圓角

線上將照片變圓角工具,快速為照片新增圓角,製作美麗的圓角照片,調整圓角大小,以PNG格式生成圓角照片。所有處理均在您的瀏覽器中安全完成,您的圖片不會離開您的裝置。

🤩

使用將照片變圓角工具可以做什麼?

它可以幫助將照片變圓角,並下載一張可在Facebook、Twitter和網路論壇上分享的美麗圖片。

使用者可以下載尺寸完美、品質良好的美麗圖片。

線上將照片變圓角工具可在Windows、MAC、Linux、Chrome、Firefox、Edge和Safari上正常執行。

圓角頭像、透明 PNG 圓角與商品縮圖

ShotEdit 直接在瀏覽器裡給圖片加圓角:即時預覽圓角半徑,匯出保留透明角的 PNG,支援批次處理,適合做頭像、應用圖示、商品縮圖和社交媒體配圖。

圓形頭像

上傳一張方形圖片,把圓角半徑調到最大,就能得到可直接用於社交平臺、論壇、簡歷和團隊頁的圓形 PNG 頭像。

圓角保持透明

匯出為 PNG 會保留被裁掉的圓角區域的透明度,圖片放在網頁、投影片、Figma 和檔案的任意背景色上都很乾淨。

按畫素或百分比設定半徑

需要和 CSS 的 border-radius 完全一致時用畫素;一批圖片尺寸不一、又要保持相同視覺比例時用百分比。

匯出之後可以怎麼用

  • 做一張圓形頭像用於個人主頁,直接下載透明 PNG。
  • 批次生成圓角商品縮圖,用於商品列表、詳情頁或產品檔案。
  • 如果匯出的 PNG 還需要更小,開啟 圖片壓縮工具 再壓一次。
  • 需要 JPG、WebP 或 AVIF 版本時,用 圖片格式轉換工具 轉換即可。

常見問題

可以做成完整的圓形頭像嗎?

可以。對方形圖片設定較大的圓角半徑,就會裁成圓形並匯出為 PNG。

圓角部分會保持透明嗎?

會。下載 PNG 時圓角區域保持透明。JPG 不支援透明,這部分會被背景色填充。

圖片會上傳到伺服器嗎?

不會。預覽和匯出都在瀏覽器本地完成,圖片不會離開你的裝置。

圓角怎麼調才對:半徑換算、內距與匯出

圓角看起來只是一個數值,但同樣的數字放在不同尺寸的圖片上、搭配不同的內距,可能是柔和的卡片圓角,也可能變成膠囊形,甚至整張變成正圓。以下說明上方工具如何套用每個參數,讓你在整批拖進來之前就能預期結果。

半徑是怎麼計算的

半徑預設為 30 px,四個角全部開啟。px 模式下數值會原樣使用,所以 30 px 在小頭像和大截圖上都是同一條弧線。需要在已知顯示尺寸下對齊設計稿裡固定的圓角值時,就用 px。

% 模式下,半徑是成品圖短邊(含內距)的百分比。1200 x 800 的圖設 10%,會得到 80 px 的圓角;600 x 400 的縮圖則是 40 px。圓角會隨每張圖的大小縮放,所以一批尺寸不一的圖片看起來仍然一致。

半徑有上限:永遠不會超過短邊的一半。超過 50% 的百分比,或大於短邊一半的 px 值,效果都和最大值相同。正方形圖片取到最大值就是正圓;長方形則是兩條短邊完全變成半圓的膠囊形,而不是橢圓。想要圓形頭像,請先把照片裁成正方形再匯入。

只替部分角加圓角

內距輸入框旁的四個角按鈕可以逐一開關,醒目顯示的按鈕代表該角會變成圓角。只圓上面兩個角,適合放在卡片或文章預覽頂端、下緣緊接文字的圖片;只圓下面兩個角適合相反的版面;只圓一個角則能做出類似分頁標籤或對話框的效果。

四個角全部關閉時不會產生任何弧線。再搭配內距與背景色,這個工具就能快速替一批截圖加上一圈均勻的純色邊框。

內距與背景如何互相影響

內距會在四邊各加上同樣的像素,所以輸出圖的寬和高各增加兩倍內距。預覽旁的面板會同時顯示原始尺寸和輸出尺寸,例如內距 20 px 時顯示 1200 x 800px -> 1240 x 840px,下載前可以用它核對。

弧線是沿著整張畫布的外緣裁切,而不是沿著照片本身的邊緣。在預設的透明背景下這點很關鍵:內距是空白區域,一旦內距達到半徑的約 30%,照片本身的四個角就完全不會被裁到。預設半徑 30 px 時,內距從 9 px 起就是這種情況。半徑要大於內距的約 3.5 倍,照片才開始出現圓角,想要明顯的圓角就要設得比這個值大很多。

白色、黑色或自訂背景會鋪滿整張畫布,包括弧線以外的區域,因此檔案裡不會有透明像素,四角直接顯示為該顏色。當你清楚圖片要放在什麼底色上,例如白色文件頁面或深色簡報,或是要上傳的地方會把透明區域顯示成意料之外的顏色時,就選背景色。

下載後會得到什麼

不論輸入是什麼格式,結果一律存成 PNG,檔名加上 -rounded 後綴,例如 holiday.jpg 會變成 holiday-rounded.png。至少有兩張處理完成時會出現 Download All 按鈕,把它們打包成 shotedit-rounded-images.zip;如果有兩個檔案同名,其中一個會加上 (1),不會互相覆蓋。

PNG 是無損格式,能讓弧線保持乾淨,但圓角處理後的 JPG 照片往往比原圖更大。在意檔案大小的話,可以把結果交給圖片壓縮工具,或用圖片格式轉換工具轉成 WebP,既保留透明圓角又更小。也可以轉成 JPG,但 JPG 不支援透明,轉換工具會把四角填成白色。

除了內距之外,工具不會改變尺寸:輸出的像素寬高與原圖相同。如果成品會以小尺寸顯示,先用圖片尺寸調整工具縮小,再來加圓角,這樣 px 半徑才會和實際看到的效果一致。動態 GIF 會匯出成一張靜態影格,EXIF 等中繼資料也不會寫入新檔案。

批次處理時的用法

同一組設定會套用到清單裡的所有圖片。調整半徑、單位、內距、角或背景,整批都會重新算圖,所以你可以盯著目前選取的預覽來調,其他檔案會跟著一起變。

除了 Add Images 按鈕,也可以把檔案拖到上傳區,或直接從剪貼簿貼上圖片。Ctrl+S(Mac 上是 Cmd+S)下載目前選取的結果,Ctrl+C 會把它以 PNG 複製,可直接貼到聊天軟體或設計工具中。Add Folder 按鈕只會在支援存取資料夾的瀏覽器中出現,例如 Chrome 和 Edge。

可匯入的格式是 JPG、PNG、GIF、BMP 和 WebP。其他檔案,例如 iPhone 拍的 HEIC 照片,會被略過;如果選取的檔案沒有任何一個受支援,會出現 "No supported image files found" 的提示。HEIC 照片請先用 HEIC 轉 JPG 工具轉換,再把 JPG 拿回這裡處理。

🔒 我們重視你的隱私

ShotEdit 的所有工具都在你自己的裝置上處理圖片,檔案不會被上傳。每個上傳區上方的徽標會確認目前工具在瀏覽器內執行。

在你的瀏覽器內處理 · 不會上傳