方法 1:使用 favicon.ico(传统方法)
准备图标文件
制作一个 .ico 格式的图标(推荐尺寸:16x16px 或 32x32px)。
也可以使用 PNG/SVG(现代浏览器支持),但 .ico 兼容性最好。
将图标文件放在网站根目录
将文件命名为 favicon.ico,并上传到网站的根目录(即和 index.html 同级)。
在 HTML 中添加链接 在
标签内加入:方法 2:使用 PNG/SVG(现代方法)
如果使用 PNG 或 SVG 格式,可以指定多尺寸适配:
方法 3:多平台适配(推荐)
为覆盖所有设备(PC、手机、平板等),可以使用以下完整方案:
注意事项
文件路径
确保 href 的路径正确(如 /images/favicon.ico)。 缓存问题
浏览器会缓存 favicon,修改后可能需要强制刷新(Ctrl+F5)。 验证效果
打开网页后查看标签页或书签栏,确认图标显示。
在线工具推荐
生成 .ico 文件:Favicon Generator
多平台图标生成:RealFaviconGenerator