前端——网页标题图标问题

第一份资料来自_夏尔

主要介绍两种方法：

1.在html文件的head部分添加下面代码（注意href的路径）。

<link rel="icon" type="image/x-icon" href="icon.ico" />
你的图标格式最好是.ico格式的，手贱试了一下，发现png，jpg的格式都可以，而且浏览器会自动帮你把图片尺寸缩放到16*16。不过.ico格式体积要小很多，另外注意透明度的问题，jpg和bmp格式的图片会失去透明度，所以还是建议转一下。
如果不想下载图片格式转换工具或者icon图标制作工具，这里给一个在线转换地址。

2. 制作一个ico格式的图标，为了兼容性考虑，使用的颜色不要超过16色，这里这个图标的命名要求必须为favicon.ico。把这个图标放到网站的根目录下就可以了，页面加载时浏览器会自动检索这个图标然后把它加到标题上。
--------------------- 
作者：_夏尔 
来源：CSDN 
原文：https://blog.csdn.net/qq_16371909/article/details/53980872 
版权声明：本文为博主原创文章，转载请附上博文链接！

第二份资料来自Anna_lhy

代码：

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

注意：

它不是iconfont字体，也不是图片
后面的type="image/x-icon"可以省略
为了兼容性，需将favicon.ico这个图标放到根目录下
转换ico图标

我们可以将自己做的图片转换为ico图标，以便我们放到站点中

步骤：

先利用ps或者fireworks进行切图，尽量使图片透明 png格式
然后将图片在线转为ico图标，推荐网址:http://www.bitbug.net/
--------------------- 
作者：Anna_lhy 
来源：CSDN 
原文：https://blog.csdn.net/Anna_lhy/article/details/82725477 
版权声明：本文为博主原创文章，转载请附上博文链接！