头像Avatar
你可能会说
评论区得看到是谁在说话，带上头像。
头像是用于识别用户、团队或组织的图像、首字或标志组件成员列表和评论区可用头像帮助快速认人。应同时展示姓名，不能只靠头像辨认身份；使用照片还要尊重隐私设置。
你可以这样告诉 AI Agent
请让评论作者始终显示头像和姓名；没有图片或加载失败时，用姓名首字作为兜底，但不要隐藏姓名。用相同首字、相似头像和超长姓名分别验证身份仍可区分。
什么时候用
- 评论区、动态里标识这话是谁说的用评论者名称 发布时间经授权的评论内容
- 团队成员列表、协作者头像组林油K+5协作者人数与展示范围
- 个人中心的大号头像油阿油前端工程师 · 深圳
- 用户没传图时用名字首字符兜底林油K未上传头像时，可使用名称首字
什么时候不用
- 只给头像不给名字，相似头像难以对应到具体成员ABC只有头像没有姓名，无法辨认成员
- 圆形展示的风景图或插画仍属于 图片 Image，不应当作头像横向插画裁成圆形后，主体两侧被截断
- 证件照要完整信息，圆形裁切会裁掉关键部分脸证件照被圆形裁掉半张脸
- 同一屏反复出现同一个人的大头像我我的主页我我的文章自己的页面，脸出现四次
组成结构 · Anatomy
圆形或方形的容器
用户图片，缺省时用名字首字
可选，表示在线 / 离线
常见变体 · Variants
圆形Circle
代表真实用户的默认形状
方形Square
代表团队、应用等非个人对象
多尺寸Sizes
油油油
按信息层级区分尺寸，例如个人中心使用较大头像，评论区使用较小头像
头像组Group
林+5
展示参与者范围，并提供完整名单入口
典型使用场景
评论区
全部评论 (2)
林小hu 2 分钟前
评论内容示例
油
阿油 1 小时前
评论内容示例
团队成员列表
林小huyou@example.com
负责人
油
阿油ayou@example.com
成员
构建机器人bot@example.com
成员
个人中心
林小hu
角色与公开资料
12作品
348粉丝
56关注
协作者展示
《AI 图鉴》产品文档
林
+5
协作者人数与展示范围
快速练习