浏览器网页标签页图标显示

最新推荐文章于 2022-08-09 08:47:29 发布

喜欢前端的后端MelodyJerry

最新推荐文章于 2022-08-09 08:47:29 发布

阅读量1.7k

点赞数

本文链接：https://blog.csdn.net/weixin_43438052/article/details/106617639

版权

对于IE浏览器：把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下，浏览器会自动检索

对于其他浏览器通用的在标签页加入指定图标的方法：

把favicon.ico图标放到网站根目录下，在网页的``<head></head>``中加入

<!-- 地址栏显示 -->
<link rel="Shortcut Icon" href="./favicon.ico"  type="image/x-icon" />
<!-- 收藏栏也显示 -->
<link rel="Bookmark" href="./favicon.ico" type="image/x-icon" />

火狐浏览器对图标格式没有那么严格，GIF和PNG格式的图标也可以显示，图标名称也可以不是favcion

链接在线的图片

1	<link rel="Shortcut Icon" href="http://csdnimg.cn/www/images/favicon.ico">

获取ico图标的资源网

http://sc.chinaz.com/

favicon在线制作网站

https://tool.lu/favicon/

图标制作，经常搞一些图标替换桌面图标

http://www.faviconico.org/
或者在html的head表头中加

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

如果icon是gif动态图需要修改type属性

<link rel="icon" href="gif_favicon.gif" type="image/gif" >