Quelle taille devrait avoir apple-touch-icon.png pour iPad et iPhone 4?

Question

Les icônes tactiles Apple supérieures à 60x60 sont-elles prises en charge? Si oui, quelles dimensions dois-je utiliser pour l'iPad et l'iPhone 4?

Answer 1

Liste mise à jour octobre 2014, iOS8

Liste pour l'iPhone et l'iPad avec et sans la 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 l'Iphone 6 plus

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

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

Mise à jour iOS7 2013:

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

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

L'autre résolution sont toujours les mêmes

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

Answer 2

Utilisez ces tailles 57x57, 72x72, 114x114, 144x144 puis faites ceci dans la tête de votre document:

 <link rel="apple-touch-icon" href="apple-touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone4.png" />
 

Cela va bien paraître sur tous les appareils Apple. ;)

Answer 3

Avec l’iPad (3e génération), il y a maintenant quatre icône tailles 57 x 57, 72 x 72, 114 x 114, 144 x 144.

Parce que les icônes de la rétine sont exactement double de la taille des icônes standard nous avons vraiment besoin de faire 2 icônes: 114 x 114 et 144 x 144. En définissant l’icône de la rétine de taille de l’icône standard correspondant iOS dimensionnera eux en conséquence.

Answer 4

L’icône sur le site d’Apple est de 129 x 129 pixels.
http://www.Apple.com/Apple-Touch-Icon.png

espoir qui répond à votre question.

Answer 5

J’ai été élaboration et la conception des applications iOS pendant un certain temps et ce n’est le meilleur iOS conception antisèche là-bas !

Amusez-vous :) !