Comment faire pour créer un iPhone et l'iPod touch icône de votre site Web

by Ross McKillop on August 11, 2008 par Ross McKillop, le 11 août, 2008

This brief tutorial will explain out how to create a custom icon to display on the iPhone and/or iPod touch springboard for your web site. Ce bref tutoriel vous expliquera comment créer une icône personnalisée à l'affichage sur l'iPhone et / ou iPod touch tremplin pour votre site Web.

site personnalisé pour simplehelp.net icône sur le tremplin iphone

When a user adds a site to their springboard by using the Add to Home Screen feature, by default, the iPhone or iPod touch will use a thumbnail of the visible part of the page being displayed in Safari. Quand un utilisateur ajoute un site à leur tremplin à l'aide de la Ajouter à l'écran d'accueil disposent, par défaut, l'iPhone ou iPod touch va utiliser une vignette de la partie visible de la page affichée dans Safari.

click to enlarge Cliquez pour agrandir

If you’d like your site to have a much nicer icon appear on the springboard when people add it, create a 57px by 57px PNG icon, name it apple-touch-icon.png , and upload it to the root folder of your site. Note: Apple themselves actually use a 129×129px icon, so you may want to experiment to see what size looks best for yours (it will scale to the default iPhone/iPod touch springboard icon size). Si vous souhaitez que votre site d'avoir une beaucoup plus belle icône sur le tremplin lorsque les gens ajouter, créer une 57px par 57px PNG icône, le nom de pomme-Touch-icon.png, et de le transférer dans le dossier racine de votre site . Remarque: Apple se fait utiliser un 129 × 129px icône, si vous voulez mai expérience pour voir quelle taille est préférable pour vous (il sera à l'échelle par défaut iPhone / iPod touch tremplin taille des icônes).
If you don’t have access to the root folder of your site, or you’d like to put the icon elsewhere, add the following line to the <head> of your site: Si vous n'avez pas accès au dossier racine de votre site, ou vous souhaitez mettre à l'icône ailleurs, ajoutez la ligne suivante à la <head> de votre site:
<link rel="apple-touch-icon" href="/path/to/file.png" /> (and upload the file.png to that folder). <link rel="apple-touch-icon" href="/path/to/file.png" /> (et télécharger le nom_du_fichier.png à ce dossier).
Now when someone adds your site, it will have a nice icon associated with it. Maintenant, quand quelqu'un ajoute votre site, il aura une jolie icône qui lui est associée.