頭像大多顯示成圓形,但你上傳的其實還是方圖——四角會以你無法預料的方式被切掉。這個工具把圖片裁成真正的圓形(或圓角方形),匯出背景透明的 PNG,放進任何頭像框、簽名檔或幻燈片都乾淨利落。
它先居中裁成正方形,再按原解析度套上形狀蒙版。全部在瀏覽器裡執行,照片絕不上傳。
使用方法
- 新增照片把要做頭像的圖片拖進來。
- 選擇形狀圓形、圓角方形或正方形——背景可透明或白色。
- 下載 PNG儲存背景透明的 PNG,方形、即用。
Circle Crop 把任意圖片變成圓形頭像、圓角方形或普通正方形,並匯出為 PNG。它從你照片正中間取出能取到的最大正方形,再在這個正方形上按全解析度套上形狀遮罩,所以圓的邊緣是利落的,而不是從一張小預覽圖放大來的。匯出時選透明背景,形狀以外的四角出來就是空的,不是白的。
一切都在你的瀏覽器裡跑。圖片的解碼、裁切、遮罩、編碼成 PNG,全在你自己的裝置上完成,所以不上傳、不用註冊、沒有伺服器見過這張照片。頁面載入一次,之後關掉網路也能接著用。它一次處理一張,而且是從中心裁,所以如果你的主體偏在一邊,先用一個基礎裁剪工具把圖裁到它那兒,再把這張收緊後的圖拿來變圓。
大家都用它來做什麼
給 Slack、論壇或聊天軟體做一個四角透明乾淨的圓形頭像。
把一個居中的 logo 變成能貼在任意背景色上的圓形徽標。
匯出一個圓角方形 app 圖示,圓角半徑調到貼合你的平台。
把半身像裁成圓,用在團隊頁或作者簡介上。
把產品圖裁成一個居中的普通正方形,做目錄縮圖。
準備一張透明圓形 PNG,疊到深色著陸頁上而不帶白方塊。
圓形頭像為什麼老是被切得莫名其妙
你傳上一張挺喜歡的照片,網站把它套進一個圓裡顯示。結果頭頂被削掉了,或者肩膀被斜著切掉一塊。照片本身沒毛病——毛病在於幾乎所有的頭像框,那個圓都是畫在一張方圖上面的。程式拿到你的長方形檔案,把它居中塞進一個正方形視窗,再用一個圓形遮罩把圓以外的部分藏起來。你在意的那部分要是沒正好落在正中間,圓就會把它切掉。這個修剪過程你根本看不見,只拿到一個結果,然後納悶怎麼看著彆扭。
辦法是自己先把圖裁好,再上傳,讓你交出去的那個圓本身就已經是最終形狀。這個工具做的就是這件事。它把任意圖片裁成一個真正的圓、一個圓角可調的圓角方形,或者一個普通正方形,然後匯出 PNG。框裡到底裝了什麼,你親眼看著定,而不是把這事交給平台去猜。
透明 PNG 才是關鍵
匯出時選透明背景,圓以外那四個角就是空的,不是白的。這一點比聽上去要重要。把一張透明的圓形 PNG 放到深色的個人主頁、彩色卡片或聊天氣泡上,它能乾乾淨淨地疊在上面——不會在圓邊後面露出一個白方塊。如果你更想要一個實心底,也可以匯出成白底,但正是透明,才讓一個摳好的頭像貼到哪兒都像是本來就該在那兒。一張烤進了白底的方形 JPEG 做不到這點,四個角永遠露餡。
圓角方形那個選項對應另一種常見需求:想要柔和圓角、但又不要整個圓的 app 圖示、卡片和介面縮圖。把半徑從"微微帶點圓"拖到"幾乎是個圓",看著順眼就停手。普通正方形則留給你只想要一個乾淨居中、完全不加遮罩的裁切時用。
居中是怎麼居的——以及它幫不上忙的地方
這個工具是居中裁切。它先從圖片正中間取出能取到的最大正方形,再在這個正方形上按全解析度套上形狀遮罩——不會先縮成預覽圖再放大回去,所以匯出的邊緣依舊利落。因為正方形是從中心取的,當你的主體本來就大致居中時,效果特別好——大多數半身照、大多數 logo 都是這種情況。
也得跟自己說實話,認清它幫不上忙的情形。這裡沒有可以拖的裁切框,沒法把取景往左或往右挪一點。要是你的臉偏在一張大合影的某個角落,居中裁切抓到的是畫面正中間,不是你。乾脆的做法是先用任意一個基礎裁剪工具,把照片裁到只剩你這個主體,再把這張收緊後的圖拿到這兒來變圓。另外它一次只處理一張,不是批次工具。做一個頭像,這個速度正合適;做五十個,就得點很多下了。
圖片從不離開你的電腦
一切都在你的瀏覽器裡跑。圖片的解碼、取方、遮罩、編碼成 PNG,全在你自己的裝置上完成——不上傳、不用註冊、沒有任何伺服器見過這張照片。頁面載入一次,之後斷網也能接著做頭像。頭像往往就是一張你自己的正臉照,對這種照片來說,這就是"交給一臺陌生人的伺服器"和"完全攥在自己手裡"之間的區別。
為什麼選 IMG.DIY
真圓形
真正的圓形蒙版,不是 CSS 圓角的方圖。
圓角可選
圓角方形的半徑可調。
透明 PNG
圓外四角透明,放任何背景都行。
隱私安全
本地裁剪,絕不上傳。



