圆形头像是所有社交平台的标配(微信、微博、小红书、抖音、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 步流程
打开 圆角裁剪工具:
- 上传图片(任意比例都行)
- 选圆形 或 圆角矩形 + 调圆角强度滑块
- 下载 PNG (透明背景, 边角是透明的)
四、3 个翻车点
翻车 1 · 主体没居中
圆形裁切默认从中心裁。如果主体偏左 / 偏右 → 被裁掉。
怎么救:先用 尺寸预设 把图裁成 1:1 主体居中,再用圆角工具。
翻车 2 · 用 JPG 导出
JPG 不支持透明, 导出圆形 → 边角变白底矩形 → 不是真圆形。
铁律:必须导出 PNG (透明背景才能显示真圆形)。
翻车 3 · 头部撞到圆边
主体太大 → 圆形裁切剪到头。
铁律:头部应占圆形的70% 高度, 上下留 15% 空白。
五、跟头像场景的区别
微信头像场景 和 微博头像场景 已经自动 1:1 + 圆形预览, 不需要单独用圆角工具。
圆角裁剪工具 用于:
- 不是头像但要圆形的图 (logo / 设计稿)
- 想要圆角矩形 (头像场景只有完全圆)
- 批量制作圆形 (头像场景一次一张)
一句话总结
圆角裁剪 = 圆形 (100%) 头像 + 圆角矩形 (20-25%) iOS 风。导出 PNG 保留透明角, 不要用 JPG。
立即试试:
相关阅读: