圆形头像要先考虑“遮挡层”，再谈构图好看
`circle-crop-avatar` 最大风险是平台遮挡：很多 App 会在头像右下叠在线状态点、认证角标或故事圈，用户如果把人脸放太靠边，最终会被 UI 元素压住眼睛或嘴角。圆裁还会天然损失四角信息，原本方图里靠边的肩线、发梢、耳饰都可能被切掉。另一个问题是小尺寸锐度，头像常在 32px 到 96px 之间显示，细节过多反而糊成一团，应该提前做“缩小后可识别”检查。品牌号和个人号策略也不同：品牌头像需要保留标志完整轮廓，个人头像更重视面部识别和气质。批量给团队生成头像时，应统一头肩比例、背景明度和导出尺寸，否则成员列表会出现忽大忽小、色调不一，影响专业感。若图片还会用于深色模式与浅色模式，记得检查圆边缘是否出现锯齿或浅灰晕圈。对于需要同时同步企业 IM、官网成员页和社媒的团队，建议维护一份“头像源文件+各平台导出档”映射表，避免多轮转存后清晰度持续劣化。
圆形头像裁切流程
- 在 `circle-crop-avatar` 先标出人脸中心与平台角标可能覆盖区域。
- 预览 32px/64px/96px 尺寸，确认小图仍可识别。
- 导出统一尺寸和背景策略，避免团队头像风格割裂。
圆形头像问答
为什么头像上线后被角标挡住脸？
未预留 UI 遮挡区，裁切时需预估平台覆盖位置。
小尺寸看起来总是糊？
细节过密或对比不足，需按小尺寸重检识别度。
品牌头像和个人头像能同一模板吗？
建议分开，品牌保轮廓，个人保面部识别优先。
当 `circle-crop-avatar` 输出用于商业页面时，除了画质，还必须补充哪些合规检查项才能安全上线？
建议先执行“保留原图与处理图、做渠道侧预演验证、记录导出参数”，并重点复核“缓存延迟命中旧图、审批链路缺失”两类风险，再决定是否进入正式发布。
面对紧急发布窗口，团队怎样平衡 `circle-crop-avatar` 处理效率和稳定性，避免后续集中返工？
建议先执行“做渠道侧预演验证、同步品牌规范清单、记录导出参数”，并重点复核“终端渲染偏差、体积超限退回”两类风险，再决定是否进入正式发布。