文本 Favicon图标 生成器

输入文字,自定义样式,生成您的专属 Favicon。

建议使用1-2个字符以获得最佳效果

文字转图标

输入任意文字,自动生成专业的 favicon 图标,支持多种字体和样式

自定义样式

丰富的自定义选项,包括字体、颜色、背景形状和背景图片

实时预览

所见即所得的实时预览,调整参数立即看到效果

什么是Favicon?

Favicon (favorite icon的缩写) 是一个在浏览器标签页、书签和其他界面元素中显示的小图标。它帮助用户在多个打开的标签页和书签中快速识别您的网站。

如何使用Favicon

要将Favicon添加到您的网站,您需要:

  1. 使用我们的工具生成并下载 Favicon 压缩包。
  2. 将下载的ZIP包解压,并把所有文件放在网站的根目录中。
  3. 在网站的<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 会自动添加圆角和光泽效果。