メモ: Favicon (ファビコン)

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

 

この記事が気に入ったら
いいねしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次