iphone - Quelles sont les bonnes dimensions en pixels pour une pomme

Translate

Je ne sais pas quelle devrait être la bonne taille.

De nombreux sites semblent répéter que l'icône Apple-touch devrait être de 57x57 pixels mais citent un lien rompu comme source.

Hanselman'le sableaire de jeuxLes commentaires suggèrent différentes tailles, dont 163x163 et 60x60.

Propre à Appleicône apple.comest 129x129!

Voir ma question connexe:Comment donner à mes sites Web une icône pour iPhone?

This question and all comments follow the "Attribution Required."

Toutes les réponses

Translate

Il semble que les directives d'Apple en date du 3 août 2010 incluent désormais les images «haute résolution» (pour iPhone 4) dans leurs tailles d'icônes «requises».

Il semble que nous devions fournir une image 57x57 et 114x114 maintenant, ainsi qu'une image titre 640x960.

VoirDirectives de création d'icônes et d'images personnalisées(Javascript requis) qui fait partie d'un document complet:

La source
Translate

Depuis le cache Google deApple Developer Connection - Centre de développement Web Apps - Conception de contenu...

Créer une icône de signet de clip Web

L'iPhone et l'iPod touch permettent à un utilisateur d'enregistrer un signet Web Clip sur votre site sur son écran d'accueil.

Pour spécifier une icône de signet pour toutes les pages d'un site Web, placez une image PNG nommée "apple-touch-icon.png" dans le répertoire racine de votre serveur Web - semblable à "favicon.ico" pour les icônes de site.

Pour remplacer l'icône de signet de site sur une page Web spécifique, insérez un élément <link> similaire à <link rel = "apple-touch-icon" href = "/ customIcon.png" /> dans l'élément <head> de la page .

Les dimensions de l'icône de signet doivent être de 57 x 57 pixels. Si l'icône est d'une taille différente, elle sera mise à l'échelle et recadrée pour s'adapter.

Safari composera automatiquement l'icône avec la superposition "vitreuse" standard pour qu'elle ressemble à une application iPhone ou iPod intégrée.

La source
Translate

Dépend de la quantité de détails que vous voulez qu'il ait, il doit avoir le rapport hauteur / largeur de 1: 1 (en gros, il doit être carré)

J'irais avec le propre d'Apple 129 * 129

La source
Translate

Je ne peux pas citer de source pour ces tailles car la référence officielle est sous clé de l'ADC.

Cependant, de nombreux sites non NDA proposent des didacticiels sur la création des icônes. Par exemple ici:

La source
Translate

Dans le cadre de leur guide de contenu Web Safari, Apple a en fait une page accessible au public appelée "Spécification d'une icône de page Web pour Web Clip"(Javascript requis) qui couvre toutes les résolutions et leur mise en œuvre.

La source
Translate

La taille officielle est de 57x57. Je recommanderais d'utiliser la taille exacte simplement en raison du fait qu'il prend moins de mémoire lors du chargement (à moins qu'Apple ne mette en cache la représentation mise à l'échelle). Cela étant dit,Rex a raisonque n'importe quelle taille carrée fonctionnera

La source
Translate

Spécifications Applespécifier de nouvelles tailles pour iOS7:

  • 60 x 60
  • 76 x 76
  • 120 x 120
  • 152 x 152

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

  • 57 x 57
  • 72 x 72
  • 114 x 114
  • 144 x 144

À propos, les icônes précomposées sont obsolètes.

En conséquence, pour prendre en charge les appareils nouveaux (exécutant iOS7) et plus anciens (iOS6 et antérieurs), ces 8 images doivent être présentes et le code générique est:

<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 plus,vous devez créer une image 152x152 nomméeapple-touch-icon.png.

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

La source
Translate

Je ne pense pas qu'il y ait une "taille correcte". Étant donné que l'iPhone exécute vraiment OSX, le système de rendu des icônes est assez robuste. Tant que vous lui donnez une image de haute qualité avec le bon rapport hauteur / largeur et une résolution au moins aussi élevée que la sortie réelle, le système d'exploitation sera réduit de manière très nette. Mon site utilise un 158x158 et l'icône est parfaite au pixel près sur l'écran de l'iPhone.

La source
Translate

Le lien de NilObject m'a conduit au grand article de blogRattrapage sur votre icôneàmakentosh.com

... Bien sûr, toutes ces incohérences ont dû être traitées par la suite, non? Eh bien, la 2.0 s'en est bien occupée! Enfin 57x57 signifiait en fait 57x57.

... chaque pixel ... rendu parfaitement.

La source
Translate

Vous n'avez plus à vous soucier de la bonne taille. Si vous avez un fichier d'illustration itune (c'est-à-dire un fichier de taille 1024 * 1024) de votre icône, alors j'ai créé cette application qui vous fournira toutes les icônes en fonction des informations fourniesici. Obtenir leapplication d'iciet suivez les instructions du fichier Lisez-moi pour créer toutes les icônes requises pour l'application iOS.

La source
Translate

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 5 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
La source