Favicon 生成器

使用自定义颜色和圆角创建简单的字母图标。支持下载多种尺寸的 PNG。

设置

预览

HTML 代码片段

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="48x48" href="/favicon-48x48.png">

需要 .ico 格式请下载 PNG 后使用在线 PNG 转 ICO 工具。

如何使用 Favicon 生成器

  1. 1.在文本框中输入 1-2 个字母或 emoji。
  2. 2.自定义背景色、文字颜色、圆角和字体大小。
  3. 3.在右侧面板实时预览 favicon。
  4. 4.点击尺寸按钮下载 PNG 格式的 favicon（16x16、32x32 或 48x48）。

常见问题

Favicon 应该是什么尺寸？

最常见的尺寸是 16x16（浏览器标签）、32x32（任务栏）和 48x48（桌面快捷方式）。我们生成全部三种以确保完整覆盖。

可以使用 emoji 作为图标文字吗？

可以输入 emoji，但渲染效果取决于浏览器和操作系统。单个 emoji 效果最好。复杂的 emoji 效果可能不一致。

如何将 PNG 转换为 ICO？

ICO 格式将多个尺寸打包到一个文件中。使用免费在线转换工具如 favicon.io 或 realfavicongenerator.net 将 PNG 文件转换为 ICO。

Favicon 文件应该放在哪里？

将 PNG 文件放在网站根目录（Next.js/React 中为 /public）。将 HTML 代码片段添加到 <head> 标签中。