HTML - Favicons Best Practice Guideline.html

<!-- Hintergrundfarbe für Windows 8 Tile-Icon -->
<meta name="msapplication-TileColor" content="#3d5064" />
<!-- Windows 8 Tile-Icon: 144 x 144 Pixel -->
<meta name="msapplication-TileImage" content="/img/tileicon.png" />
 
<!-- Apple Touch Icon - iPhone: 60 x 60 Pixel -->
<link rel="apple-touch-icon" href="/img/touch-icon-iphone.png" />
<!-- Apple Touch Icon - iPad: 76 x 76 Pixel -->
<link rel="apple-touch-icon" sizes="76x76" href="/img/touch-icon-ipad.png" />
<!-- Apple Touch Icon - iPhone Retina: 120 x 120 Pixel -->
<link rel="apple-touch-icon" sizes="120x120" href="/img/touch-icon-iphone-retina.png" />
<!-- Apple Touch Icon - iPad Retina: 152 x 152 Pixel -->
<link rel="apple-touch-icon" sizes="152x152" href="/img/touch-icon-ipad-retina.png" />
 
<!-- Standard-Favicon als PNG mit mindestens 96 x 96 Pixeln -->
<link rel="icon" href="/img/favicon.png" type="image/x-icon" />
 
<!-- Favicon im .ico Format als IE Fallback mit 32 x 32 Pixeln -->
<!--[if IE]>
    <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
    <link rel="icon" href="/img/favicon.ico" type="image/x-icon" />
<![endif]-->