T.net favicon

[geert1]

Het nieuwe responsive design werkt al super (zeker voor een beta)! Ik heb dan ook gelijk de app verwijderd en de site op m'n startscherm geplaatst (iOS, iPhone 4s). Daarbij viel me op dat het pictogram nog niet zo scherp is. Misschien zou het goed zijn om één of meer extra pictogrammen toe te voegen voor de mobiele apparaten, voor Windows 8 en voor IE11.

Hieronder de meta-tags die daarvoor gebruikt kunnen worden. Het schijnt dat één apple-touch-icon, op 152 x 152, ook volstaat voor oudere devices.

HTML:

<!-- standard favicon (16x16 and 32x32 multisize .ico file (png can be used for modern browsers)) -->
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->

<!-- non-retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon" href="icon57.png" sizes="57x57">
<!-- non-retina iPad pre iOS 7 -->
<link rel="apple-touch-icon" href="icon72.png" sizes="72x72">
<!-- non-retina iPad iOS 7 -->
<link rel="apple-touch-icon" href="icon76.png" sizes="76x76">
<!-- retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon" href="icon114.png" sizes="114x114">
<!-- retina iPhone iOS 7 -->
<link rel="apple-touch-icon" href="icon120.png" sizes="120x120">
<!-- retina iPad pre iOS 7 -->
<link rel="apple-touch-icon" href="icon144.png" sizes="144x144">
<!-- retina iPad iOS 7 -->
<link rel="apple-touch-icon" href="icon152.png" sizes="152x152">

<!-- Win8 tile -->
<meta name="msapplication-TileImage" content="favicon-144.png">
<meta name="msapplication-TileColor" content="#B20099">
<meta name="application-name" content="name">

<!-- IE11 tiles -->
<meta name="msapplication-square70x70logo" content="tile-tiny.png">
<meta name="msapplication-square150x150logo" content="tile-square.png">
<meta name="msapplication-wide310x150logo" content="tile-wide.png">
<meta name="msapplication-square310x310logo" content="tile-large.png">

[ Voor 5% gewijzigd door geert1 op 10-12-2013 13:41 ]

[Misha]

Thanks voor de input. De icons is nog een puntje dat we gaan doen.