输入 1-4 个字符
选择尺寸
效果预览
浏览器标签栏
书签栏
手机主屏幕
My App
输出文件
HTML 代码
site.webmanifest
功能说明
Favicon 生成器支持两条路径:输入文字(可选字体、前景色、背景色、字号与圆角)直接排版生成,或上传一张图片自动缩放裁切,随后一次性输出 16×16 到 512×512 的全套尺寸,并提供 favicon.ico 多尺寸合稿与现成的 HTML link 标签。
Favicon 是浏览器标签页、书签栏与手机主屏图标的总入口。尺寸混乱是图标发虚的主因——不同平台读取的尺寸不同,全套齐备才能保证处处清晰。
Favicon 生成器使用步骤
- 输入文字作为图标内容,或上传图片作为底稿;
- 调整字体、前景色/背景色、字号与圆角,实时预览效果;
- 点击「生成 Favicon」产出各尺寸图标;
- 下载 favicon.ico 或使用「全部下载」获取全套 PNG;
- 把文件上传到网站根目录,并将页面给出的 link 标签粘贴到所有页面的 head 中。
Favicon 生成器适用场景
- 新网站上线前补齐 favicon 与各平台触屏图标;
- 品牌换标后批量重生成全套尺寸;
- PWA 应用配置 manifest 所需的 192/512 图标。
常见问题
favicon.ico 必须放在网站根目录吗?
浏览器默认请求 /favicon.ico,放在根目录可保证即使页面未声明 link 标签也能正常显示。
换了新图标为什么浏览器还显示旧的?
图标缓存比较顽固,可尝试强制刷新(Ctrl+F5)、清除缓存或用无痕窗口验证。
至少需要哪些尺寸?
桌面端 16/32/48px,苹果触屏 180px,安卓/PWA 192px 与 512px。本工具一次性全部输出,不必逐个补。
速查在线工具箱