iphone - precomposed - ios app icon size




Quelles sont les dimensions de pixel correctes pour une icône Apple Touch? (8)

Je ne suis pas sûr de ce que la taille correcte devrait être.

De nombreux sites semblent répéter que l'icône Apple Touch devrait faire 57 x 57 pixels, mais citent un lien brisé comme source.

Les commentaires de Hanselman et playgroundblues suggèrent différentes tailles, notamment 163x163 et 60x60.

L' icône apple.com de Apple est 129x129!

Voir ma question connexe: comment puis-je attribuer à mes sites Web une icône pour iPhone?


Cela dépend du nombre de détails que vous souhaitez, il doit avoir un rapport de forme de 1: 1 (en gros, il doit être carré).

Je voudrais aller avec le propre 129 * 129 de la pomme



Il semble que les directives Apple datées du 3 août 2010 incluent désormais les images "Haute résolution" (pour iPhone 4) dans la taille de leurs icônes "requises".

On dirait que nous devons fournir à la fois une image 57x57 et une image 114x114, ainsi qu'une image de titre 640x960.

Reportez-vous aux instructions relatives à la création d'icônes et d'images personnalisées (Javascript requis), qui font partie d'un document entier:


Je ne pense pas qu'il existe une "taille correcte". Puisque l'iPhone fonctionne vraiment sous OSX, le système de rendu d'icônes est plutôt robuste. Tant que vous lui fournissez une image de haute qualité avec le bon rapport d'aspect et une résolution au moins égale à celle de la sortie réelle, le système d'exploitation sera mis à l'échelle très proprement. Mon site utilise un format 158x158 et l’icône apparaît parfaitement au pixel près sur l’écran de l’iPhone.


La taille officielle est 57x57. Je recommanderais d'utiliser la taille exacte simplement parce qu'elle nécessite moins de mémoire lorsqu'elle est chargée (sauf si Apple met en cache la représentation mise à l'échelle). Cela dit, Rex a raison de dire que toute taille carrée fonctionnera


Le lien de NilObject m'a conduit à l'excellent blog Catchup sur votre icône sur makentosh.com

... Bien sûr, toute cette incohérence devait être traitée, non? Eh bien 2.0 a traité de manière élégante! Enfin, 57x57 signifiait réellement 57x57.

... chaque pixel ... rendu parfaitement.


developer.apple.com/library/ios/documentation/AppleApplications/… spécifient de nouvelles tailles pour iOS7:

  • 60x60
  • 76x76
  • 120x120
  • 152x152

Considérant que les anciennes tailles pour iOS6 et les versions antérieures sont:

  • 57x57
  • 72x72
  • 114x114
  • 144x144

Par ailleurs, les icônes précomposées sont obsolètes.

Par conséquent, pour prendre en charge uniquement les nouveaux appareils (exécutant iOS7) et les anciens (iOS6 et versions antérieures), ces 8 images doivent être présentes et le code générique est le suivant:

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">    
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">

En outre, vous devez créer une image 152x152 nommée apple-touch-icon.png .

Vous voudrez peut-être savoir que ce générateur de favicon peut générer toutes ces images à la fois. Divulgation complète: je suis l'auteur de ce site.


Liste mise à jour octobre 2014, iOS8

Liste pour iPhone et iPad avec et sans rétine

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

Mise à jour 2014 iOS 8:

Pour iOS 8 et Iphone 6 plus

<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

Iphone 6 utilise la même image 120 x 120 px que l'iphone 4 et le reste est le même que pour iOS 7

Mise à jour 2013 iOS7:

Pour iOS 7, les résolutions recommandées ont changé:

  • pour iPhone Retina de 114 x 114 px à 120 x 120 px
  • pour iPad Retina de 144 x 144 px à 152 x 152 px

L'autre résolution est toujours la même

  • 57 x 57 px par défaut
  • 76 x 76 px pour iPad sans rétine




apple-touch-icon