如何修改HTML页面在浏览器中显示的默认图标为自定义JPEG格式图标

你提到的浏览器标签栏显示的默认图标（也就是favicon）完全可以替换为自定义的JPEG格式图标，操作非常简单：

• 把你准备好的JPEG格式图标放到项目目录下，建议放在和index.html同级的根目录，比如命名为custom-icon.jpg
• 打开index.html，在<head>标签内插入下面的代码，注意把href的路径换成你自己的图标实际存放路径：

<link rel="icon" type="image/jpeg" href="./custom-icon.jpg">

• 保存文件后刷新页面即可，要是没看到新图标，按Ctrl+F5（Windows系统）或者Cmd+Shift+R（Mac系统）强制刷新清除浏览器缓存就可以显示了。

小提示：目前主流的现代浏览器都支持JPEG格式作为favicon，如果你需要兼容更老的浏览器，可以把JPEG转成ICO格式使用，只需要把上面代码的type改成image/x-icon，href换成ICO文件的路径就行，用法完全一致。

内容的提问来源于stack exchange，提问作者user13854167