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