Question

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

Était-ce utile?

La solution 3

Voir le Spécification d'une icône de page Web pour le clip Web section de la Configuration des applications Web la page du Guide du contenu Web Safari dans le Bibliothèque de référence Safari...

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

Remarque sur le système d'exploitation iPhone : La fonction de clip Web est disponible dans iPhone OS 1.1.3 et plus tard.Le apple-touch-icon-precomposed.pngLe nom de fichier est disponible dans iPhone OS 2.0 et plus tard.

Vous pouvez souhaiter que les utilisateurs puissent ajouter votre application Web ou votre lien de page Web vers 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 pour représenter votre application Web ou votre page Web sur iPhone OS.

  • Pour spécifier une icône pour l'intégralité du site Web (chaque page du site Web), placez un fichier d'icône au format PNG dans le dossier Root Document appelé apple-touch-icon.png ou apple-touch-icon-precomposed.png.Si tu utilises apple-touch-icon-precomposed.png En tant que nom de fichier, Safari sur iPhone OS n'ajoutera aucun effet à l'icône.

  • 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 avec votre nom de fichier d'icône.Si vous ne voulez pas que Safari sur iPhone OS ajoute des effets à l'icône, remplacez apple-touch-icon avec apple-touch-icon-precomposed.

Voir "Créez une icône pour votre application Web ou votre page Web" dans Directives de l'interface humaine iPhone pour les applications Web pour les métriques des icônes de page Web.

Autres conseils

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

Ajouter des icônes iPhone sur l'écran d'accueil et ajuster le ViewPort

À partir de la page du Guide de contenu Web Safari d’Apple Developer Connection pour iPhone Spécification d'une icône de page Web pour le clip Web...

L'utilisateur peut ajouter une application Web ou un lien de page Web vers 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 pour représenter votre application Web ou votre page Web sur iPhone.

Pour spécifier une icône pour l'intégralité du site Web (chaque page du site Web), placez un fichier d'icône au format PNG dans le dossier Root Document 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 votre nom de fichier d'icône.

Voir "Créer une icône pour votre application Web ou votre page Web" dans les directives de l'interface humaine iPhone dans les directives d'iPhone Human Interface pour les métriques d'icônes de la page Web.

Note:La fonction de clip Web est disponible dans l'iPhone 1.1.3 et plus tard.

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

J'ai suggéré que Stack Overflow implémente une icône Apple-Touch :

Ajouter une icône Apple-Touch pour Safari sur iPhone

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top