如何给网页标题添加icon小图标

大家好，我是夏尔。今天给大家分享是如何在网页标题中加入小图标，就像CSDN前面那个红色的C一样。

方法一共有两种，第一种：

在我们的html文件的head部分添加下面一行代码就可以了。

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

不过需要记住的是，你的图标格式最好是.ico格式的，废话一句，我们电脑使用的很多图标也是这个格式。

不过我另外手贱试了一下，发现其实png，jpg，bmp的格式都可以，而且浏览器会自动帮你把图片尺寸缩放到16*16.不过.ico的格式大小要小很多，另外注意透明度的问题，jpg和bmp格式的图片会失去透明度。所以还是建议转一下的，小小的性能优化积累在其一起带来的是质的飞跃。你要不想下载图片格式转换工具或者icon图标制作工具，我这里给你一个在线转换的地址。http://www.ico.la/#downico

第二种方法：

还是制作一个ico格式的图标，为了兼容性考虑，使用的颜色不要超过16色，这里对这个图标的命名提出了明确的要求，就是名字必须为favicon.ico。把这个图标放到网站的根目录下就可以了，页面加载时浏览器会自动检索这个图标然后把它加到标题上。

相信各位看完了上述的两种方法，应该果断的选择了第一种吧，原因呢，可能仅仅是因为我把它命名为第一种方式。出来混，名号是不是很重要呀， 取一个好的名字很有必要，比如我的“夏尔_”，看，是不是眼熟了我的ID。喜欢的话加个关注，2017我将会不断的更新博客，给大家分享更多个人总结的东西。