什么是Favicon 生成器?
Favicon 生成器从一张图片输出 16 到 512 像素的多个 PNG,并手工拼装出内含 16/32/48 三种尺寸的 favicon.ico,同时给出现代浏览器推荐的 HTML 引用片段。全部在浏览器内生成。
怎么用Favicon 生成器?
- 1选择一张 512×512 以上的正方形图片。
- 2查看各尺寸预览,可单独下载需要的 PNG。
- 3下载 favicon.ico 放到站点根目录。
- 4把 HTML 引用片段加到页面 head 中。
常见问题
现在还需要 .ico 文件吗?+
需要,但只作为兜底。现代浏览器优先读取 head 里声明的 PNG 或 SVG 图标,而部分旧浏览器与工具仍会直接请求根目录的 /favicon.ico。放一个含 16/32/48 的 ico 成本极低,能避免日志里出现大量 404。
各个尺寸分别用在哪里?+
16 与 32 用于浏览器标签与书签;48 用于 Windows 桌面快捷方式;180 是 iOS 的 apple-touch-icon;192 与 512 用于 PWA manifest 与安卓主屏图标。
图标设计上有什么要注意的?+
16 像素下几乎没有细节余量,logo 里的文字与细线会糊成一团。正确做法是为小尺寸单独设计一个简化版(通常只保留一个主体符号),而不是直接缩小完整 logo。