html - Comment puis-je donner à mes sites Web une icône pour iPhone?

Translate

Comment définir l'icône qui apparaît correctement sur leiPhonepour les sites Web que j'ai créés?

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

Toutes les réponses

Translate

Et par souci d'exhaustivité, un lien vers la publication de Scott Hanselman, qui contient également quelques conseils supplémentaires:

Ajouter des icônes iPhone à l'écran d'accueil et régler le ViewPort

La source
Translate

À partir de la page du guide de contenu Web Safari de Apple Developer Connection pour iPhoneSpécification d'une icône de page Web pour Web Clip...

L'utilisateur peut ajouter une application Web ou un lien vers une page Web à l'écran d'accueil. Ces liens, représentés par une icône, sont appelés clips Web. Suivez ces étapes simples pour spécifier une icône représentant votre application Web ou votre page Web sur iPhone.

Pour spécifier une icône pour l'ensemble du site Web (chaque page du site Web), placez un fichier d'icône au format PNG dans le dossier du document racine appelé apple-touch-icon.png.

Pour spécifier une icône pour une seule page Web ou remplacer l'icône du site Web par une icône spécifique à la page Web, ajoutez un élément de lien à la page Web comme dans:

<link rel="apple-touch-icon" href="/custom_icon.png"/>

Dans l'exemple ci-dessus, remplacez custom_icon.png par le nom de votre icône.

Voir «Créer une icône pour votre application Web ou votre page Web» dans les directives de l'interface utilisateur iPhone dans les directives de l'interface utilisateur iPhone pour les mesures des icônes de page Web.

Remarque: la fonction de clip Web est disponible sur iPhone 1.1.3 et versions ultérieures.

La source
Translate

Voir leSpécification d'une icône de page Web pour Web Clipsection de laConfiguration des applications Webpage de laGuide de contenu Web Safaridans leBibliothèque de référence Safari.

Spécification d'une icône de page Web pour Web Clip

Vous souhaiterez peut-être que les utilisateurs puissent ajouter votre application Web ou le lien de votre page Web à l'écran d'accueil. Ces liens, représentés par une icône, sont appelés Web Clips. Suivez ces étapes simples pour spécifier une icône représentant votre application Web ou votre page Web sur iOS.

  • Pour spécifier une icône pour l'ensemble du site Web (chaque page du site Web), placez un fichier icône au format PNG dans le dossier du document racine appeléapple-touch-icon.png.

  • Pour spécifier une icône pour une seule page Web ou remplacer l'icône du site Web par une icône spécifique à la page Web, ajoutez un élément de lien à la page Web, comme dans:
    <link rel="apple-touch-icon" href="/custom_icon.png"/>
    Dans l'exemple ci-dessus, remplacezcustom_icon.pngavec le nom de votre icône.


Remarque:Safari sur iOS 7 n'ajoute pas d'effets aux icônes. Les anciennes versions de Safari n'ajoutent pas d'effets pour les fichiers d'icônes nommés avec le-precomposed.pngsuffixe. Voir Premiers pas: identifier votre application dans iTunes Connect pour plus de détails.

La source
Translate

Ajoutez ceci dans votre section principale:<link rel="icon" href="/your-icon-url"/>

La source