Tailles des icônes des clips Web Apple iPhone/iPodTouch

Question

Sur les iPhones et iPod Touches d'Apple, vous spécifiez un lien vers un fichier d'icône comme suit :

<link rel="apple-touch-icon" href="stackoverflow.com/apple-touch-icon.png">

...mais sur cette page il vous recommande de spécifier deux tailles d'icône différentes, une pour l'iPhone < 4 et une autre pour l'iPhone 4.

Je n'ai trouvé aucune documentation indiquant comment spécifier les deux icônes distinctes. Quelqu'un peut-il m'aider ?

Answer 1

Il y a beaucoup de documentation à ce sujet sur Google.

Il suffit d'utiliser :

<!-- **normal** (iPhone/iPod **non retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>

<!-- **normal** (iPhone/iPod **retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon-72.png" sizes="72x72"/>

<!-- and **iPad** version -->
<link rel="apple-touch-icon" href="apple-touch-icon-114.png" sizes="114x114"/>

---

En tant que info supplémentaire vous pouvez avoir l'icône sans l'effet de brillance si vous utilisez la fonction apple-touch-icon-precomposed au lieu de apple-touch-icon .

et il y a plusieurs balises que vous pouvez utiliser afin d'avoir toutes les fonctionnalités de Safari Mobile comme l'écran d'accueil, etc.

aussi, donner este Article de Mobile Tuts une lecture et vous saurez presque tout ce dont vous avez besoin pour avoir une application web brillante.