如何设置HTML链接中的favicon图标？
- 内容介绍
- 文章标签
- 相关推荐
本文共计801个文字，预计阅读时间需要4分钟。
浏览器只认可 rel=
-
<link rel="icon" href="/favicon.ico">✅ 最简可靠写法 -
<link rel="shortcut icon" href="/favicon.ico">❌ 现代浏览器忽略 -
<link rel="icon" href="favicon.png">⚠️ PNG 可用，但需显式声明type
ICO 还是 PNG？优先用 .ico，多尺寸 PNG 需配 sizes
.ico 文件天然支持多分辨率（16×16、32×32、48×48 等），浏览器自动选最适尺寸；而 .png 必须手动指定 sizes，否则可能在地址栏或书签里显示模糊或拉伸。
本文共计801个文字，预计阅读时间需要4分钟。
浏览器只认可 rel=
-
<link rel="icon" href="/favicon.ico">✅ 最简可靠写法 -
<link rel="shortcut icon" href="/favicon.ico">❌ 现代浏览器忽略 -
<link rel="icon" href="favicon.png">⚠️ PNG 可用，但需显式声明type
ICO 还是 PNG？优先用 .ico，多尺寸 PNG 需配 sizes
.ico 文件天然支持多分辨率（16×16、32×32、48×48 等），浏览器自动选最适尺寸；而 .png 必须手动指定 sizes，否则可能在地址栏或书签里显示模糊或拉伸。