返回博客
工具教程4 分钟阅读

圆角头像 / 圆形 PNG 怎么做?一键裁剪 + 5 种用法 (iOS / Logo)

幻图妙盒·

圆形头像是所有社交平台的标配(微信、微博、小红书、抖音、Twitter 全都是圆)。

但平台只在显示时裁成圆 —— 上传的原图还是方形。如果你想:

  • 导出圆形 PNG 用作 Logo / 印名片
  • 预览头像实际显示效果
  • 制作圆角设计稿

就需要 圆角裁剪工具

这篇讲 5 个常用场景 + 圆角强度怎么选 + 3 个翻车点。

一、5 个常用场景

1. 平台头像预览

上传到微信 / 微博前先在工具里看圆形蒙版效果, 调整满意再上传。 推荐:圆形 100% (完全圆)

2. 圆形 Logo / 品牌图标

导出 PNG 透明背景的圆形 logo,用于网站 / 名片 / PPT。 推荐:圆形 100%

3. 圆角矩形头像 (iOS / macOS 风)

苹果 app 图标是圆角矩形(不是完全圆)。 推荐:圆角强度 20-25%

4. 圆角缩略图(设计稿)

设计稿里要插入头像缩略图, 用圆角矩形比方形柔和。 推荐:圆角强度 8-15%

5. 圆形/圆角分享卡片

做分享卡片时, 配图加圆角 = 高级感。 推荐:圆角强度 5-10%

二、圆角强度怎么选

圆角强度视觉适合
100% (完全圆)标准圆形头像微信 / 微博 / 大多数社交
30-50%椭圆 / 圆角强创意 / 特殊设计
20-25%iOS 风 app 图标macOS / iOS 风格
8-15%柔和圆角缩略图 / 设计卡片
0-5%几乎方形不推荐 (没必要用工具)

三、3 步流程

打开 圆角裁剪工具

  1. 上传图片(任意比例都行)
  2. 圆形圆角矩形 + 调圆角强度滑块
  3. 下载 PNG (透明背景, 边角是透明的)

四、3 个翻车点

翻车 1 · 主体没居中

圆形裁切默认从中心裁。如果主体偏左 / 偏右 → 被裁掉。

怎么救:先用 尺寸预设 把图裁成 1:1 主体居中,再用圆角工具。

翻车 2 · 用 JPG 导出

JPG 不支持透明, 导出圆形 → 边角变白底矩形 → 不是真圆形。

铁律:必须导出 PNG (透明背景才能显示真圆形)。

翻车 3 · 头部撞到圆边

主体太大 → 圆形裁切剪到头

铁律:头部应占圆形的70% 高度, 上下留 15% 空白。

五、跟头像场景的区别

微信头像场景微博头像场景 已经自动 1:1 + 圆形预览, 不需要单独用圆角工具。

圆角裁剪工具 用于:

  • 不是头像但要圆形的图 (logo / 设计稿)
  • 想要圆角矩形 (头像场景只有完全圆)
  • 批量制作圆形 (头像场景一次一张)

一句话总结

圆角裁剪 = 圆形 (100%) 头像 + 圆角矩形 (20-25%) iOS 风。导出 PNG 保留透明角, 不要用 JPG。

立即试试:

相关阅读: