我正试图了解Favicons,Touch图标和现在的Tile图标所需的所有这些不同尺寸和格式.
我已经阅读了这篇文章:http: //www.jonathantneal.com/blog/understand-the-favicon 但我仍然有点朦胧,确切地说在所有设备和浏览器上看起来相当不错> = IE8 .
我想我应该创建以下内容:
ICO
favicon.ico(32x32)
PNG
favicon.png(96x96)
Tile Icon
tileicon.png(144x144)
Apple Touch图标
apple-touch-icon-precomposed.png(152x152)
基于此https://github.com/h5bp/html5-boilerplate/issues/1367
...然后使用此代码为他们服务？
<link rel="apple-touch-icon" href="path/to/touchicon.png">
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
<!-- or, set /favicon.ico for IE10 win -->
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">
我错过了什么吗？
我不清楚这是否会涵盖IE 10？