为网站设置favicon有两种方式：

1、网站根目录下放置名为favicon.ico的图片，浏览器就会自动获取；

2、在页面中通过<link rel="shortcut icon"  href="http://example.com/myicon.ico" />.

对于favicon来说，一般都是使用ico格式，不过对于根目录的favicon图片chrome、firefox、IE11等现代浏览器都支持PNG、GIF（无动画）格式。对于通过link来设置的favicon格式，IE7+、现代浏览器都支持PNG、GIF格式，不过在IE7下图片效果会很差。

对于苹果设备，我们可以通过在head里写入<link rel="apple-touch-icon" href="somepath/image.png" />、<link rel="apple-touch-icon-precomposed" href="somepath/image.png" />来设置。

  Google Chrome Internet Explorer Firefox Opera Safari 
<link rel="shortcut icon"

 href="http://example.com/myicon.ico" />
Yes[4] Yes[4][19] Yes[4] Yes[4] Yes 
<link rel="icon"

 href="http://example.com/image.ico" />
Yes Yes (from IE 11)[20] Yes Yes Yes 
<link rel="icon"

 type="image/vnd.microsoft.icon"

 href="http://example.com/image.ico" />
Yes Yes (from IE 9)[20] Yes Yes Yes 
<link rel="icon" type="image/png"

 href="http://example.com/image.png" />
Yes Yes (from IE 11)[20] Yes Yes Yes 
<link rel="icon" type="image/gif"

 href="http://example.com/image.gif" />
Yes Yes (from IE 11)[20] Yes Yes Yes 
<link rel="icon" type="image/x-icon"

href="http://example.com/image.ico"/>
Yes[4] Yes (from IE 9)[26] Yes[4] Yes[4] Yes
favicon.ico located in the website's root Yes Yes Optional[27] Optional[28] Yes
precedence: prefer root or (X)HTML linked version linked[22] linked[22] linked[22] ? ?

参考文档：

http://en.wikipedia.org/wiki/Favicon

http://msdn.microsoft.com/en-us/library/ms537656(v=vs.85).aspx

http://stackoverflow.com/questions/1344122/favicon-png-vs-favicon-ico-why-should-i-use-pngs-instead-of-icos

http://www.webmasterworld.com/html/3701134.htm

http://blogs.msdn.com/b/ieinternals/archive/2013/09/08/internet-explorer-favicons-png-link-rel-icon-caching.aspx

http://blogs.msdn.com/b/jeffdav/archive/2007/03/01/why-doesn-t-the-favicon-for-my-site-appear-in-ie7.aspx

最新文章

  1. BIT 树状数组 详解 及 例题
  2. MVC NPOI Linq导出Excel通用类
  3. hdu3555 Bomb （记忆化搜索 数位DP）
  4. Codeforces Perfect Pair (JAVA)
  5. smarty第一天
  6. ASP.NET MVC局部验证及相关问题
  7. spring集成mongodb封装的简单的CRUD
  8. linux 下启动jar小程序
  9. 常用的meta标签
  10. FusionCharts 分类以及各个属性参数列表
  11. .Net Core 爬坑日记
  12. Python项目部署-使用Nginx部署Django项目
  13. Sql server—— for xml path简单用法（可以按照分组把相同组的列中的不同的值，像字符串一样拼接在一起显示在分组之后的列中。）
  14. 常见问题--post发送参数使用httpservletrequest读取为空
  15. 手机上的m3u8视频（缓存）怎么转成MP4？
  16. Django import相关
  17. iOS 关于信鸽推送点击推送通知的处理
  18. 20165207 Exp3 免杀原理与实践
  19. UVALive 4425 Another Brick in the Wall 暴力
  20. 常州day5

热门文章

  1. 《Linear Algebra and Its Applications》-chaper2-矩阵的逆
  2. 不用外部JAR包，自己实现JSP文件上传！
  3. error in invoking target &#39;mkldflags ntcontab.o nnfgt.o&#39; of makefile
  4. HTTP学习笔记2-请求结构
  5. AFNetworking (3.1.0) 源码解析 &lt;二&gt;
  6. Linux系统下查看某文件修改的时间戳
  7. android改动tab 导航 指示器颜色
  8. 如何在Ubuntu 12.04 Server 中安装图形用户界面
  9. 分析器错误消息: 未能加载类型“WebApplication._Default”
  10. \r \n有什么区别