L'Ajout D'Apple Icône De Site Web

J'ai testé mon site avec Woorank et affiche un avertissement au sujet de manque de l'Icône Apple.

J'ai cherché mais je ne suis pas sûr de la façon d'inclure cette icône, j'ai trouvé ce code

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

Dois-je inclure ces lignes dans la tête de la même manière de la norme favicon? (Mon site est en HTML5)

Quelle est la résolution de la première des images dans ces lignes "apple-touch-iphone.png"

OriginalL'auteur Asgard | 2012-10-24

  1. 5

    La plus petite icône doit être 57×57 pixels.

    Être conscients que le "-précomposé" les états, que le lié icône de fichier est déjà brillant et en 3D. Si vous laissez de côté "-précomposé", iOS va ajouter un 3D brillance effet à l'image.

    Et oui, bien sûr, vous avez besoin d'insérer le link-balises pour le head.

    Exemple complet d'un jeu d'icônes:

    <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico">
<link rel="apple-touch-icon" type="image/png" href="icon.57.png"><!-- iPhone -->
<link rel="apple-touch-icon" type="image/png" sizes="72x72" href="icon.72.png"><!-- iPad -->
<link rel="apple-touch-icon" type="image/png" sizes="114x114" href="icon.114.png"><!-- iPhone4 -->
<link rel="icon" type="image/png" href="icon.114.png"><!-- Opera Speed Dial, at least 144×114 px -->

    Docs sur Apple iOS icônes: http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/ConfiguringWebApplications/ConfiguringWebApplications.html

    Docs sur l'Opéra de Vitesse icône du Cadran: http://dev.opera.com/articles/view/opera-speed-dial-enhancements/

    Merci. Je n'ai pas lu le reste parce que j'ai trouvé ce bout de code dans une autre question, sans le lien complet de la documentation d'Apple.

    OriginalL'auteur feeela