Créez un clip web pour les iPhones

Tout comme vous pouvez les pages Web de signets dans un navigateur de bureau, vous pouvez enregistrer un lien vers une page Web sur un iPhone ou iPad en cliquant sur l'icône Exporter entouré en rouge dans la figure du haut, puis en choisissant Ajouter à l'écran d'accueil, comme indiqué dans le figure du bas.

image0.jpg

Une icône Web Clip ressemble juste les icônes qui viennent avec des applications natives iTunes. Lorsqu'un visiteur de votre site Web ajoute un Clip icône à son écran d'accueil (le bureau de son appareil), il crée un lien vers votre site web, un peu comme un signet dans un navigateur Web de bureau.

image1.jpg

Cette icône Web Clip donne à vos visiteurs un grand raccourci vers votre site web, et il est un puissant moyen de les garder de penser à vous. Malheureusement, de nombreux utilisateurs de l'iPhone et l'iPad ne réalisent même pas qu'il est possible de sauver un lien vers un site Web de cette façon.

Voici comment cela fonctionne: Quand un utilisateur tape le bouton du milieu dans la barre de boutons au bas de l'iPhone ou iPod touch, Safari offre plusieurs options.

Lorsque vous choisissez Ajouter à l'écran d'accueil, une petite image, appelé Web icône de Clip, est enregistré à l'écran d'accueil de l'iPhone ou l'iPad avec un lien vers la page Web. Ce lien fait aller à un site Web en cliquant sur une icône tout aussi facile que de lancer une application. Cliquez sur une icône Web Clip, et l'iPhone et l'iPad lancement Safari et ouvrir la page dans un navigateur en une seule action lisse.

En tant que concepteur de sites Web, vous pouvez créer une image de servir en tant que votre icône Web Clip. Si vous ne le faites pas, l'iPod touch, iPhone ou iPad enregistre une capture d'écran de ce qui est affiché sur l'écran et l'utilise comme l'icône. Il est une bonne idée d'aller à juste un petit effort supplémentaire et spécifier l'image que vous souhaitez utiliser comme icône sur l'écran d'accueil.

Dans cette figure, vous pouvez voir une icône Web Clip créé à partir de l'image principale utilisée dans cette conception. Cette image est recadrée et simplifiée pour servir une meilleure icône d'une capture d'écran de la page entière, qui inclurait le texte et d'autres images une telle petite taille qu'ils seraient impossibles à lire.

image2.jpg

Voici comment vous créez une icône Web Clip et spécifiez-le dans le code de votre page:

  1. Utilisez un programme graphique, comme Photoshop, pour créer l'image que vous voulez servir votre icône.

    L'image doit mesurer 114-X-114 pixels et être enregistrées au format PNG.

    Note: Dispositifs à haute résolution affichent l'icône à 114 x 114. iPhones âgées afficher au 57-x-57 pixels, l'affichage des iPads 72-X-72 pixels. Vous pouvez créer un de chaque taille, ou vous pouvez laisser l'échelle le dispositif vers le bas de l'image automatiquement. Notez également que vous pouvez utiliser une image JPEG, mais si vous voulez vous assurer que l'icône fonctionne sur tous les appareils, l'enregistrer comme une image PNG est la solution la plus sûre.

  2. Nom de l'image apple-touch-icon.jpg et de le transférer vers le répertoire racine de votre site web.

  3. (Facultatif) Si vous voulez enregistrer l'image dans un sous-répertoire ou vous voulez utiliser une autre icône Web Clip pour la page d'accueil que vous utilisez pour les pages internes de votre site, vous pouvez ajouter ce code à la section d'une page Web pour spécifier le nom et l'emplacement de l'image.