网站与 PWA 的 Favicon 在线生成器
Favicon 能让网站在浏览器标签页和主屏幕上更容易辨认。用一个 Logo 生成所有尺寸,无需额外设计软件。
Favicon 是显示在浏览器标签页、书签和手机主屏幕上的小图标。使用Favicon 生成器,一个 Logo 文件就能生成完整图标套件。
常用尺寸
现代浏览器使用 16×16 和 32×32 像素,Apple 设备需要更大的图标,PWA 的清单文件还需要 192 和 512 像素版本。
- Logo 要简洁,缩小后仍然清楚。
- 如有需要,准备浅色和深色版本。
- 透明或纯色背景要保持统一。
- 一次下载全部尺寸。
安装到网站
把文件放入公开目录,并在页面 head 中加入 favicon 链接标签。WordPress 可以通过站点或主题设置上传。更换图标后,清除浏览器缓存才能看到新效果。
多设备测试
分别在电脑、Android 和 iPhone 上打开网站,确认图标仍可辨认。如果 16×16 下细节消失,可以简化形状或改用更粗的符号。保留源文件,方便以后更新。
常见问题
最重要的 Favicon 尺寸有哪些?
浏览器用 16×16 和 32×32,Apple 用 180×180,PWA 用 192 和 512。
会生成哪些格式?
包含 16 至 512 像素的 PNG 图标、PWA 清单和 HTML 片段。
需要定期更换 Favicon 吗?
Logo 或品牌色变化时应更新,以保持图标一致。
为什么旧图标仍然显示?
浏览器有缓存。清除缓存或用无痕窗口打开网站。