文本 Favicon图标 生成器
建议使用1-2个字符以获得最佳效果
文字转图标
输入任意文字，自动生成专业的 favicon 图标，支持多种字体和样式
自定义样式
丰富的自定义选项，包括字体、颜色、背景形状和背景图片
实时预览
所见即所得的实时预览，调整参数立即看到效果
什么是Favicon?
Favicon (favorite icon的缩写) 是一个在浏览器标签页、书签和其他界面元素中显示的小图标。它帮助用户在多个打开的标签页和书签中快速识别您的网站。
如何使用Favicon
要将Favicon添加到您的网站，您需要：
- 使用我们的工具生成并下载 Favicon 压缩包。
- 将下载的ZIP包解压，并把所有文件放在网站的根目录中。
- 在网站的<head>部分添加以下HTML代码：
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">HTML格式说明
ICO 格式 (.ico)
传统的 favicon 格式，兼容所有浏览器包括旧版本的 Internet Explorer。通常包含多个尺寸（16x16, 32x32, 48x48）。
PNG 格式 (.png)
现代浏览器首选格式，支持透明背景，文件更小。16x16 用于标签页，32x32 用于任务栏，48x48 用于桌面快捷方式。
Android Chrome 图标
192x192 和 512x512 用于 Android 设备的 PWA（渐进式 Web 应用），当用户将网站添加到主屏幕时显示。
Apple Touch 图标
180x180 专为 iOS 设备（iPhone、iPad）设计，当用户将网站添加到主屏幕时使用。Apple 会自动添加圆角和光泽效果。
设计在 16px 下依然清晰的文字图标
文字图标的成败取决于标签页尺寸。在文字生成器里，这些参数比任何图片工具都重要——预览里 512px 下清晰锐利的字，放进真实浏览器标签页可能糊成一团。
字体选择
粗无衬线字体（Arial Black、Helvetica Bold、Futura）在 16×16 渲染下表现最好；衬线体、手写体和窄字体的细笔画在标签页尺寸下常常完全消失，尽管预览里看起来很清晰。
字符数量
一个字母最理想；两个字母的缩写需要把字号调小一档；三个及以上字符在 16 像素标签页里无法辨认，长文本请只用于 180×180 的 Apple 触屏图标。
前景/背景对比度
对比度应高于 7:1。标签页有亮色和暗色两种浏览器主题：透明底上的中灰色文字会在其中一种主题下消失，而填充色块加白色文字在两种主题下都清晰可读。
背景形状
15-20% 的圆角在任何尺寸下都呈现现代应用图标质感。全透明背景在预览里干净利落，但在深色标签栏上会悬浮得难以辨认——发布前请检查两种主题。
留白边距
让字形保持在画布 60-70% 的范围内。浏览器实际绘制的图标小于标称尺寸（高 DPI 屏幕上 16px 图标画在更大的槽位里），贴边的字形会被视觉裁切。