IMG.DIY / 更多工具 / 圓形頭像裁剪

圓形頭像裁剪

把照片裁成乾淨的圓形或圓角方形,背景透明——直接當頭像用。

圓形頭像裁剪 visual example
隱私優先:任何檔案都不會被上傳。

从原图到结果,一眼看懂

选择文件、完成处理、下载结果。全部在浏览器本地完成。

圓形頭像裁剪: 1 · 选择原图
1 · 选择原图
圓形頭像裁剪: 2 · 调整与处理
2 · 调整与处理
圓形頭像裁剪: 3 · 下载结果
3 · 下载结果

頭像大多顯示成圓形,但你上傳的其實還是方圖——四角會以你無法預料的方式被切掉。這個工具把圖片裁成真正的圓形(或圓角方形),匯出背景透明的 PNG,放進任何頭像框、簽名檔或幻燈片都乾淨利落。

它先居中裁成正方形,再按原解析度套上形狀蒙版。全部在瀏覽器裡執行,照片絕不上傳。

使用方法

  1. 新增照片把要做頭像的圖片拖進來。
  2. 選擇形狀圓形、圓角方形或正方形——背景可透明或白色。
  3. 下載 PNG儲存背景透明的 PNG,方形、即用。

Circle Crop 把任意圖片變成圓形頭像、圓角方形或普通正方形,並匯出為 PNG。它從你照片正中間取出能取到的最大正方形,再在這個正方形上按全解析度套上形狀遮罩,所以圓的邊緣是利落的,而不是從一張小預覽圖放大來的。匯出時選透明背景,形狀以外的四角出來就是空的,不是白的。

一切都在你的瀏覽器裡跑。圖片的解碼、裁切、遮罩、編碼成 PNG,全在你自己的裝置上完成,所以不上傳、不用註冊、沒有伺服器見過這張照片。頁面載入一次,之後關掉網路也能接著用。它一次處理一張,而且是從中心裁,所以如果你的主體偏在一邊,先用一個基礎裁剪工具把圖裁到它那兒,再把這張收緊後的圖拿來變圓。

大家都用它來做什麼

給 Slack、論壇或聊天軟體做一個四角透明乾淨的圓形頭像。

把一個居中的 logo 變成能貼在任意背景色上的圓形徽標。

匯出一個圓角方形 app 圖示,圓角半徑調到貼合你的平台。

把半身像裁成圓,用在團隊頁或作者簡介上。

把產品圖裁成一個居中的普通正方形,做目錄縮圖。

準備一張透明圓形 PNG,疊到深色著陸頁上而不帶白方塊。

圓形頭像為什麼老是被切得莫名其妙

你傳上一張挺喜歡的照片,網站把它套進一個圓裡顯示。結果頭頂被削掉了,或者肩膀被斜著切掉一塊。照片本身沒毛病——毛病在於幾乎所有的頭像框,那個圓都是畫在一張方圖上面的。程式拿到你的長方形檔案,把它居中塞進一個正方形視窗,再用一個圓形遮罩把圓以外的部分藏起來。你在意的那部分要是沒正好落在正中間,圓就會把它切掉。這個修剪過程你根本看不見,只拿到一個結果,然後納悶怎麼看著彆扭。

辦法是自己先把圖裁好,再上傳,讓你交出去的那個圓本身就已經是最終形狀。這個工具做的就是這件事。它把任意圖片裁成一個真正的圓、一個圓角可調的圓角方形,或者一個普通正方形,然後匯出 PNG。框裡到底裝了什麼,你親眼看著定,而不是把這事交給平台去猜。

透明 PNG 才是關鍵

匯出時選透明背景,圓以外那四個角就是空的,不是白的。這一點比聽上去要重要。把一張透明的圓形 PNG 放到深色的個人主頁、彩色卡片或聊天氣泡上,它能乾乾淨淨地疊在上面——不會在圓邊後面露出一個白方塊。如果你更想要一個實心底,也可以匯出成白底,但正是透明,才讓一個摳好的頭像貼到哪兒都像是本來就該在那兒。一張烤進了白底的方形 JPEG 做不到這點,四個角永遠露餡。

圓角方形那個選項對應另一種常見需求:想要柔和圓角、但又不要整個圓的 app 圖示、卡片和介面縮圖。把半徑從"微微帶點圓"拖到"幾乎是個圓",看著順眼就停手。普通正方形則留給你只想要一個乾淨居中、完全不加遮罩的裁切時用。

居中是怎麼居的——以及它幫不上忙的地方

這個工具是居中裁切。它先從圖片正中間取出能取到的最大正方形,再在這個正方形上按全解析度套上形狀遮罩——不會先縮成預覽圖再放大回去,所以匯出的邊緣依舊利落。因為正方形是從中心取的,當你的主體本來就大致居中時,效果特別好——大多數半身照、大多數 logo 都是這種情況。

也得跟自己說實話,認清它幫不上忙的情形。這裡沒有可以拖的裁切框,沒法把取景往左或往右挪一點。要是你的臉偏在一張大合影的某個角落,居中裁切抓到的是畫面正中間,不是你。乾脆的做法是先用任意一個基礎裁剪工具,把照片裁到只剩你這個主體,再把這張收緊後的圖拿到這兒來變圓。另外它一次只處理一張,不是批次工具。做一個頭像,這個速度正合適;做五十個,就得點很多下了。

圖片從不離開你的電腦

一切都在你的瀏覽器裡跑。圖片的解碼、取方、遮罩、編碼成 PNG,全在你自己的裝置上完成——不上傳、不用註冊、沒有任何伺服器見過這張照片。頁面載入一次,之後斷網也能接著做頭像。頭像往往就是一張你自己的正臉照,對這種照片來說,這就是"交給一臺陌生人的伺服器"和"完全攥在自己手裡"之間的區別。

為什麼選 IMG.DIY

真圓形

真正的圓形蒙版,不是 CSS 圓角的方圖。

圓角可選

圓角方形的半徑可調。

透明 PNG

圓外四角透明,放任何背景都行。

隱私安全

本地裁剪,絕不上傳。

常見問題

背景為什麼是透明的?
這樣圓形放在任何顏色上都乾淨。圓外四角在 PNG 裡是透明的;需要實底就選「白色」。
會先裁成正方形嗎?
會——取圖片中間最大的正方形,再套圓形或圓角蒙版,所以結果始終是方形且對稱。
畫質會下降嗎?
不會。蒙版按圖片原解析度應用,只去掉四角。
頭像多大?
正方形,邊長等於原圖較短的一邊。多數平台會再縮放適配它們的圓框。
能挪動裁切框,讓臉不在正中間嗎?
不能。裁切固定在圖片正中間的那個方,沒有可以挪動它的手柄。如果你的主體偏在一邊,先用任意一個基礎裁剪工具把圖裁到它那兒,再對結果做圓形裁切。
圓角方形的圓角半徑該設多少?
看你想要的樣子。把半徑往上拖,直到圓角柔和到你滿意。半徑小,在卡片上就是不顯眼的一點圓角;半徑大,就接近整個圓了。沒有唯一正確的值,看著合適就停。
手機上能用嗎?
能。它在手機瀏覽器裡跑,方式和電腦上一樣,因為所有處理都在裝置本地完成。圖源更大、螢幕更大會更方便你判斷取景,但不是必須的。
能裁一個不是 PNG 的圓嗎,比如 JPEG?
帶透明背景的話不行。JPEG 存不了透明,四角只能填一種實色。這個工具匯出 PNG,所以形狀以外的區域可以真正是空的;如果你改成匯出白底,四角就是白的。

相關工具

相關教學