Tailles d'icônes d'Apple iPhone / iPodtouch

Question

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

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

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

Il n'y a pas de documentation que je peux trouver qui montre comment spécifier les deux icônes distinctes. Quelqu'un peut-il aider?

Answer 1

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

Utiliser juste:

<!-- **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 information additionnelle, vous pouvez avoir l'icône sans l'effet brillant si vous utilisez apple-touch-icon-precomposed à la place de apple-touch-icon.

Et il existe plusieurs balises que vous pouvez utiliser pour avoir toutes les fonctionnalités de Safari Mobile comme Splash Screen, etc.

Aussi, donner cette Article TUTS mobile une lecture et vous saurez presque tout ce dont vous avez besoin pour avoir une application Web brillante