Favicon生成器

本地处理
  • 打赏支持
  • 分享链接
  • 反馈建议

输入 1-4 个字符

94%
35%

选择尺寸

效果预览

浏览器标签栏

图标预览My Site

书签栏

图标预览My Site

手机主屏幕

预览

My App

输出文件

HTML 代码


  

site.webmanifest


  

功能说明

Favicon 生成器支持两条路径:输入文字(可选字体、前景色、背景色、字号与圆角)直接排版生成,或上传一张图片自动缩放裁切,随后一次性输出 16×16 到 512×512 的全套尺寸,并提供 favicon.ico 多尺寸合稿与现成的 HTML link 标签。

Favicon 是浏览器标签页、书签栏与手机主屏图标的总入口。尺寸混乱是图标发虚的主因——不同平台读取的尺寸不同,全套齐备才能保证处处清晰。

Favicon 生成器使用步骤

  1. 输入文字作为图标内容,或上传图片作为底稿;
  2. 调整字体、前景色/背景色、字号与圆角,实时预览效果;
  3. 点击「生成 Favicon」产出各尺寸图标;
  4. 下载 favicon.ico 或使用「全部下载」获取全套 PNG;
  5. 把文件上传到网站根目录,并将页面给出的 link 标签粘贴到所有页面的 head 中。

Favicon 生成器适用场景

  • 新网站上线前补齐 favicon 与各平台触屏图标;
  • 品牌换标后批量重生成全套尺寸;
  • PWA 应用配置 manifest 所需的 192/512 图标。

常见问题

favicon.ico 必须放在网站根目录吗?

浏览器默认请求 /favicon.ico,放在根目录可保证即使页面未声明 link 标签也能正常显示。

换了新图标为什么浏览器还显示旧的?

图标缓存比较顽固,可尝试强制刷新(Ctrl+F5)、清除缓存或用无痕窗口验证。

至少需要哪些尺寸?

桌面端 16/32/48px,苹果触屏 180px,安卓/PWA 192px 与 512px。本工具一次性全部输出,不必逐个补。