将 favicon.ico 放在根目录最省事，浏览器自动请求；需用 .ico 格式、16×16 或 32×32 像素；PNG/SVG 等需用 显式声明并指定 type；多尺寸用 sizes 属性；苹果设备须额外添加 rel="apple-touch-icon"。
favicon.ico 放在根目录最省事
绝大多数浏览器默认会自动请求
，只要把图标文件命名为这个、放在网站根目录（比如
），不用写任何 HTML 就能生效。适合静态站点或不想改模板的场景。
注意：必须是
格式，且推荐尺寸为
或
像素；现代浏览器虽支持 PNG，但旧版 IE 只认 ICO，放根目录时别用
后缀。
用
指定任意路径和格式
想用 PNG、SVG 或放在子目录（如
），就得显式声明。关键不是标签本身，而是
和
的组合：
是基础声明，必须写
指定 PNG 时加
，否则部分浏览器可能忽略
SVG 图标需写
，且仅 Chromium 和 Firefox 支持（Safari 不支持 SVG favicon）
可以同时放多个
，浏览器按顺序尝试，取第一个能加载的
示例：
立即学习
“
前端免费学习笔记（深入）
”；
多尺寸适配要靠
属性
移动端、PWA、Windows 钉选等场景需要不同尺寸图标，仅靠一个文件不够。这时不能只依赖
，得用
明确标注：
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
对应地址栏小图标
常用于桌面书签
或
是 PWA manifest 推荐尺寸，但单独写在
中也能被部分浏览器识别
不写
时，浏览器会自行缩放，可能模糊
注意：
只对
有效，对
等其他类型无效。
苹果设备要用
Safari 在 iOS/macOS 上完全忽略标准
，必须额外声明：
文件建议用 PNG，尺寸至少
（iOS 主屏幕图标要求）
路径可自定义，但推荐放在根目录并命名为
不要加
属性，苹果不认
如果没声明，用户添加到主屏幕时，Safari 会截屏生成低质图标
示例：
立即学习
“
前端免费学习笔记（深入）
”；
实际部署时最容易漏的是苹果图标和 SVG 的 MIME 类型声明；另外，修改 favicon 后浏览器缓存极顽固，建议上线前用隐身窗口验证，或临时加版本号如
。
/favicon.icohttps://example.com/favicon.ico.ico16×1632×32.png/assets/icon.svgreltyperel="icon"type="image/png"type="image/svg+xml"
sizeshrefsizessizes="16x16"sizes="32x32"sizes="192x192"512x512sizessizesrel="icon"rel="apple-touch-icon"rel="apple-touch-icon"180×180apple-touch-icon.pngtypefavicon.png?v=2