71 votes

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

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

De nombreux sites semblent répéter que les apple-touch-icon doit être 57x57 de pixels, mais citer un lien brisé comme de leur source.

, Hanselmanet playgroundbluesobservations suggèrent différentes tailles, y compris 163x163 et 60x60.

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

Voir mes question: Comment puis-je donner à mes sites web une icône pour l'iPhone?

41voto

OtomoBill Points 406

Il semble que Apple lignes directrices du 3 août 2010 sont désormais en "Haute résolution" des images (pour l'iPhone 4) dans leur "nécessaire" de tailles d'icône.

On dirait que nous devons fournir à la fois un 57x57 et un 114x114 image maintenant, ainsi que d'un 640x960 titre de l'image.

Voir Icône Personnalisée et la Création de l'Image des lignes Directrices (Javascript nécessaire) qui fait partie de l'ensemble d'un document:

5voto

Zack Peterson Points 19350

Depuis le cache de Google de Apple Developer Connection - Applications Web Dev Center - la Conception de Contenu...

Créer un Web Clip Icône de Signet

iPhone et iPod touch permettant à un utilisateur de enregistrer un Clip signet votre site sur leur Écran d'Accueil.

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

Pour remplacer le site de l'icône de signet sur une page web spécifique, insérer un <link> élément similaire à <link rel="apple-touch-icon" href="http://stackoverflow.com/customIcon.png"/> dans le élément de la page.

L'icône signet dimensions doivent être 57x57 pixels. Si l'icône est un de taille différente, il sera mis à l'échelle et recadrée pour s'adapter.

Safari automatiquement composite l'icône avec la norme "vitreux" la superposition de sorte qu'il ressemble à un haut- iPhone ou iPod application.

3voto

saniul Points 2595

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

2voto

NilObject Points 7874

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

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

2voto

cppl Points 6513

Dans le cadre de leur Safari Contenu Web Guide, Apple a fait une page publique appelée "la Spécification d'une Page web Icône pour le Web Clip" (Javascript nécessaire) qui couvre toutes les résolutions et leur mise en œuvre.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X