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 或品牌色变化时应更新,以保持图标一致。

为什么旧图标仍然显示?

浏览器有缓存。清除缓存或用无痕窗口打开网站。

内容由 FixPicNow 团队管理。 简体中文