在线工具箱
头像与 Logo 制作器

在线头像与 Logo 制作器

用首字母或短文本快速生成圆形、盾牌等形状的头像与 Logo。

隐私安全:所有处理均在您的浏览器本地完成,数据绝不上传
头像制作Logo设计设计工具

内容与形状

最多 3 个字符,超出自动截断。

容器形状

实时预览

多尺寸效果(实际像素大小)

字体与文字

背景与配色

渐变色标

预设配色

描环与外描边


外描边借助底层略大的描边形状实现,在深浅背景上都能保持清晰。将粗细调到 0 即可关闭。

纹理装饰

纹理沿主形状裁剪,仅显示在容器内部。

导出

本地历史

暂无历史记录,点击「保存到历史」保存当前设计。

工作原理

  1. 1以 SVG 作为唯一数据源:预览直接内联渲染 SVG,导出 PNG 时把同一段 SVG 转为 data URI 交给 Image 与 canvas 光栅化,保证预览与导出完全一致,且 SVG 天然矢量可缩放。
  2. 2五种形状统一在 100×100 视图坐标内以 path 描述,背景、纹理与描环通过 clipPath 或内缩让位来贴合形状,外描边用底层略大的描边形状叠加实现。
  3. 3文字用 text-anchor=middle 与 dominant-baseline=central 配 x=50 / y=50 实现视觉居中,并提供垂直微调 offsetY(-3~3)校正大写字母偏高的视觉重心。
  4. 4线性渐变角度换算为 SVG 的 x1 / y1 / x2 / y2 坐标(0° 自左向右,顺时针为正);配色洗牌基于色相偏移的确定性伪随机,同一输入可复现。
  5. 5字体只使用系统字体栈,SVG 内不引用任何外部字体,所有计算、渲染与导出都在浏览器本地完成,不发起任何网络请求。

常见问题

导出的 SVG 和 PNG 与预览效果一致吗?

一致。三者都来自同一段本地生成的 SVG:预览直接内联渲染,PNG 是把同一段 SVG 交给 Image 与 canvas 光栅化,因此形状、渐变、描环与纹理都完全相同。

为什么把 SVG 发给别人后字体看起来不一样?

本工具只使用系统字体栈,不内嵌字体文件。若对方设备没有同名字体,会回退到相近的系统字体,观感会略有差异。如需字体完全一致,请改用 PNG 导出,PNG 已把文字光栅化为像素。

文字最多能输入多少个字符?

最多 3 个字符,超出部分会自动截断。字符越多,自动字号会越小以避免超出容器;你也可以关闭自动字号手动调节。

六边形或盾牌里的文字贴边怎么办?

这两种形状可用宽度更窄,自动字号已内置缩小系数。如仍不满意,可在字体面板手动调小字号、减小字间距,或用垂直微调 offsetY 上下移动文字。

历史记录保存在哪里?

保存在你浏览器的 localStorage 中,最多保留 20 条,不会上传到任何服务器。清除浏览器数据或更换设备后会丢失,需要长期保留请下载 SVG 或 PNG 文件。

数据会上传吗?

不会。所有计算、渲染与导出都在浏览器本地完成,页面不发起任何网络请求,断网状态下也能正常使用。

更多在线工具