[{"data":1,"prerenderedAt":71},["ShallowReactive",2],{"page-favicon-1":3,"page-count-favicon":70},[4],{"id":5,"title":6,"body":7,"date":46,"description":13,"extension":47,"meta":48,"navigation":51,"path":63,"seo":64,"stem":65,"tags":66,"__hash__":69},"blogs\u002F_legacy\u002F2012\u002F2012-07-22-%e5%88%9b%e5%bb%ba%e8%83%bd%e5%9c%a8%e5%90%84%e7%a7%8d%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%ad%e6%98%be%e7%a4%ba%e7%9a%84favicon%e7%9a%84%e6%96%b9%e6%b3%95.md","创建能在各种浏览器中显示的favicon的方法",{"type":8,"value":9,"toc":41},"minimark",[10,14,22,25,28,38],[11,12,13],"p",{},"Favicon的作用相信大家都知道，它可以为网站添加一个个性化的标识，让用户更好的记住网站。",[11,15,16,17,21],{},"favicon的定义也有许多的方法，比如使用rel标签",[18,19,20],"code",{},"\u003Clink rel=\"icon\" type=\"image\u002Fpng\" href=\"\u002Fpath\u002Fimage.png\">","。favicon的比较传统的作法是将名为favicon.ico的文件传到网站的根目录，这样浏览器就能自动识别。",[11,23,24],{},"可是在使用ico文件设置favicon的过程中会遇到一个很麻烦的问题，就是各个浏览器的支持并不是相同的。现在通用的有各种各样的浏览器，chrome、firefox、ie、搜狗、360……这些浏览器对favicon的要求是不同的，当然我们也可以认为自己是按照标准做的不用去理会那些浏览器。但是这有时候就像是宣称不支持ie6一样，是件很麻烦的事情。虽然favicon是件小事，可是既然好不容易做出来一个，居然有的访问者看不到心里难免不爽快。",[11,26,27],{},"其实favicon有的浏览器中favicon没有办法显示是由于.ico本身的问题导致的，一个ico文件中其实可以包含各种分辨率的icon以供使用。但是不同的浏览器要使用的分辨率是不同的，因为每个浏览器的界面设计不同，会将favicon显示在不同的位置。所以要解决这个问题只要我们在ico文件中存入主流的分辨率就可以了。",[11,29,30,31],{},"现在如果到google或是baidu里搜索favicon的话可以搜到一大堆提供将图片转化为favicon的网站，只是它们中有的并没有将ico的多个分辨率版本存入文件，有的甚至颜色的压缩算法都比较有问题。于是在经过了一段时间的寻找之后，我终于找到了一个能够做出我希望的favicon的网站了：",[32,33,37],"a",{"href":34,"rel":35},"http:\u002F\u002Fwww.convertico.com\u002F%E3%80%82",[36],"nofollow","http:\u002F\u002Fwww.convertico.com\u002F。",[11,39,40],{},"经过测试终于我的favicon可以在搜狗、ie、360、火狐、chrome中都能使用了。所以在这里分享一下。",{"title":42,"searchDepth":43,"depth":44,"links":45},"",2,3,[],"2012-07-22","md",{"layout":49,"status":50,"published":51,"author":52,"author_login":53,"author_email":54,"author_url":55,"wordpress_id":56,"wordpress_url":57,"date_gmt":58,"excerpt":59},"post","publish",true,{"display_name":53,"login":53,"email":54,"url":55},"chaoshikari","chaoshikari@gmail.com","\u002F",478,"\u002F\u002F?p=478","2012-07-21 19:05:55 +0000",{"type":8,"value":60},[61],[11,62,13],{},"\u002F2012-07-22-创建能在各种浏览器中显示的favicon的方法",{"title":6,"description":13},"_legacy\u002F2012\u002F2012-07-22-%e5%88%9b%e5%bb%ba%e8%83%bd%e5%9c%a8%e5%90%84%e7%a7%8d%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%ad%e6%98%be%e7%a4%ba%e7%9a%84favicon%e7%9a%84%e6%96%b9%e6%b3%95",[67,68],"favicon","浏览器","666JM0ca8SPXExgZAm06ZisE_gfBXOqXMyq0FloD6-Q",1,1788763182603]