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,所以形状以外的区域可以真正是空的;如果你改成导出白底,四角就是白的。

相关工具

相关教程