メモ: Favicon (ファビコン)

2014 年 10 月 28 日2014 年 11 月 12 日

faviconのメモ

<!– 16×16 (24×24, 32×32, 48×48, 64×64, 128×128) –>
<link rel=”shortcut icon” type=”image/x-icon” href=”/favicon.ico” />

昔ながらの方式 (ico形式)
またはhtmlに記載せずルートに favicon.ico を設置

<!– 152 x 152 –>
<link rel=”apple-touch-icon-precomposed” href=”/apple-touch-icon-precomposed.png” />

スマホ向け
またはhtmlに記載せずルートに apple-touch-icon.png を設置

<!– 144 x 144 –>
<meta name=”msapplication-TileImage” content=”/favicon.png”/>

Windows8.0 / Internet Explorer10

<?xml version=”1.0″ encoding=”utf-8″?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src=”/smalltile.png”/>
<square150x150logo src=”/mediumtile.png”/>
<wide310x150logo src=”/widetile.png”/>
<square310x310logo src=”/largetile.png”/>
<TileColor>#009900</TileColor>
</tile>
</msapplication>
</browserconfig>

ieconfig.xml