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
<head>
…
<meta name=”msapplication-config” content=”/ieconfig.xml” />
…
</head>
Windows8.1 / Internet Explorer11
コメント