头像生成器

用首字母或 GitHub 风格的 identicon 图案创建默认头像。相同的名字总是得到相同的头像。圆形或方形、任意尺寸,可下载 SVG 或 PNG。

样式

取第一个词和最后一个词的首字母,例如“Ada Lovelace”→ AL。

SVG 代码

什么是 头像生成器?

为尚未上传照片的用户生成默认头像。首字母 样式会在根据姓名选出的颜色上显示名字的首字母;Identicon 样式则根据任意文本(用户名或邮箱)的哈希绘制对称的 5×5 图案。相同的输入总是得到相同的头像,并可下载为 SVG 或 PNG。

如何使用 头像生成器

  1. 选择 样式:首字母 或 Identicon(图案)。
  2. 输入 姓名(identicon 可输入任意文本)。
  3. 选择 尺寸(px)、形状 和颜色,或保持 根据文本自动选择颜色。
  4. 下载 PNG 或 SVG,或复制 SVG 代码。

示例

输入
Initials, name Grace Hopper
输出
GH

绘制为 SVG 圆形,背景色根据姓名得出。

何时使用 头像生成器

适合应用、评论区、CRM 和管理后台中的占位头像,或为每个用户提供易于辨认的视觉标识。对于邮箱来说,identicon 并不匿名:任何知道邮箱的人都能重现图案,因此如果在意隐私,请改为对用户 ID 求哈希。

头像生成器 的工作原理

首字母取第一个词和最后一个词的第一个字符(Ada Lovelace → AL;只有一个词则取它的前两个字母),并以支持 Unicode 的方式转为大写。自动背景色是由小写姓名的 32 位 FNV-1a 哈希得到的色相,饱和度和亮度固定,以保证白色文字清晰可读。Identicon 用 SHA-256(Web Crypto)对小写文本求哈希;哈希中的 15 位决定 5×5 网格左侧三列各单元格的开关,再镜像到右侧,另外两个字节决定颜色。结果是一个小型 SVG;PNG 导出则把它渲染到 canvas 上。

常见用例

  • 网页或移动应用中的默认头像
  • 在评论串和聊天中区分用户
  • 为网站创建团队成员头像
  • 为测试账号生成可重复的 identicon

常见问题

相同的名字总是得到相同的头像吗?

是的。自动颜色和 identicon 图案都由文本派生,所以是稳定的。

适用于非拉丁文字的姓名吗?

适用。首字母使用完整的 Unicode 字符,所以越南语、阿拉伯语、中文等文字的姓名都可以使用。

选 SVG 还是 PNG?

SVG 体积很小,在任何尺寸下都很清晰,最适合网页应用。在不接受 SVG 的地方(部分邮件客户端和社交平台)请使用 PNG。

探索更多分类