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

comment configurer l'icône qui apparaît sur l'iPhone pour les sites Web que je crée?

24
demandé sur Vadim Kotov 2008-08-04 23:02:36

5 réponses

et par souci d'exhaustivité, un lien vers L'article de Scott Hanselman, qui contient également quelques conseils supplémentaires:

ajouter icônes iPhone D'Accueil écran et ajuster le ViewPort

8
répondu Michael Stum 2008-08-04 19:06:12

à Partir de l'Apple Developer Connection Web Safari Guide de Contenu pour iPhone page Spécification d'une Page web Icône pour le Web Clip ...

L'utilisateur peut ajouter une application web ou lien à l'écran d'Accueil. Ils liens, représenté par une icône, sont appelé web clips. Suivez ces simples suit pour spécifier une icône pour représenter votre application ou page Web sur de l'iPhone.

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

Pour spécifier une icône pour un seul page web, ou remplacer l'icône du site web avec une page web spécifique icône ajouter un élément de lien vers la page Web comme dans:

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

Dans l'exemple ci-dessus, remplacer custom_icon.png avec votre icône filename.

voir" Créer une icône pour votre Web Application ou page Web " en iPhone Lignes directrices sur L'Interface humaine dans l'iPhone Lignes directrices sur L'Interface humaine pour la page Web icône des paramètres.

Note: la fonction web clip est disponible en iPhone 1.1.3 et plus tard.

5
répondu Zack Peterson 2008-08-04 19:04:03

voir la spécifier une icône de page Web pour le Clip section de la configurer les Applications Web page du Guide de contenu Web Safari dans la Safari Reference Library ...

spécifiant une icône de page Web pour le Clip web

iPhone OS Note: le Fonction Web Clip est disponible en iPhone OS 1.1.3 et tard. Le apple-touch-icon-precomposed.png nom de fichier est disponible dans l'iPhone OS 2.0 et plus tard.

Vous voulez que les utilisateurs puissent ajouter votre application web ou le lien de votre page Web à l'écran d'Accueil. Ces liens, représenté par une icône, sont appelés Web Clips. Suivez ces étapes simples pour spécifier une icône pour représenter votre site web application ou page Web sur iPhone OS.

  • Pour spécifier une icône pour toute la site web (chaque page sur le site), placer un fichier d'icône au format PNG le dossier du document racine appelé apple-touch-icon.png ou apple-touch-icon-precomposed.png . Si vous utilisez apple-touch-icon-precomposed.png comme le nom du fichier, Safari sur iPhone OS ne pas ajouter d'effets à l'icône.

  • Pour spécifier une icône pour un seul page Web ou remplacer l'icône du site web avec une page web spécifique icône ajouter un lien de l'élément de la page web, comme dans:

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

    Dans l'exemple ci-dessus, remplacer custom_icon.png avec votre icône filename. Si vous ne voulez pas de Safari iPhone OS pour ajouter des effets à la icône, remplacer apple-touch-icon par apple-touch-icon-precomposed .

voir "créer une icône pour votre Application Web ou page Web" dans lignes directrices de l'Interface humaine iPhone pour les Applications Web de la page web de l'icône des paramètres.

4
répondu Zack Peterson 2010-08-17 21:24:58

ajoutez ceci dans votre rubrique de tête: <link rel="icon" href="/your-icon-url"/>

2
répondu Bragadeeswaran 2017-06-07 12:32:30

j'ai suggéré que Stack Overflow implémente une icône apple-touch:

ajouter une icône apple-touch pour Safari sur iPhone

1
répondu Zack Peterson 2008-08-04 19:21:04