如何给网页标题添加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我将会不断的更新博客,给大家分享更多个人总结的东西。

  • 1
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值