Un favicon pour votre iPhone
Vous possédez votre propre site Internet et vous aimeriez l'ajouter sur l'accueil de votre iPhone ?
Créer en quelques instants votre favicon
Par défaut, lorsque vous lancez Safari et que vous cliquez sur le bouton + pour ajouter votre site à l'écran d'accueil, c'est une copie de ce dernier qui est affichée.
Je vais donc vous expliquer comment remédier à ce léger problème (si jamais c'en était un)
Dans un premier temps, il faut créer une image d'une taille de 56x56 pixels. Pour une qualité optimale, je vous conseille de l'enregistrer au format PNG et de lui donner le nom suivant :
apple-touch-icon.png
Vous obtenez un résultat comme sur l'image ci-dessous (j'ai mis mes trois favicon, pour faire joli).
Ajouter la balise sur votre site
A présent que l'image est créée, vous devez ouvrir votre page d'accueil de votre site avec votre éditeur préféré afin d'ajouter la balise suivante entre les balises head.
<link rel="apple-touch-icon" href="images/apple-touch-icon.png"/>
Enregistrez votre fichier, uploadez le, ainsi que l'image, avec votre logiciel FTP.
Vous pouvez à présent ajouter votre site à la page d'accueil de votre iPhone pour obtenir le résultat
suivant :
Voilà, en quelques minutes, votre site est mis en valeur sur votre iPhone.
Si vous avez aimé ce tutoriel, merci de laisser vos impressions ;)
2 réflexions sur ce billet
Bravo pour ce tutoriel, un véritable plaisir d'avoir son propre icône sur l'Iphone.
Le sentiment d'avoir sa propre application.
Merci pour l'astuce. Je vais en parler sur notre site ;)
La création de site Internet sur mesure est le coeur de métier de l'agence web Infini'click.
D'autres prestations sont également proposées, découvrez-les !
- Tutoriel : installer un serveur Debian (wheezy)
- Tutoriel : Installer un certificat SSL
- Piwik : monitorez tous vos sites discrètement
- Tutoriel Paypal : Intégration et configuration du paiement en ligne
- Tutoriel PayPlug : intégration au panier d'achat
- Référencement des images : l'état de l'art
- Des onglets en CSS avec JQuery
- Gildas le 04/03/2022 à 18:00
Nop j'ai que le require('fpdf.php) ; Mais pas... - Hervé le 04/03/2022 à 17:58
Gildas Tu n'appelles pas de fichier externe via un... - Gildas le 04/03/2022 à 17:50
merci de ton retour rapide, effectivement dans ma... - Hervé le 04/03/2022 à 17:45
Bonjour Gildas Effectivement, 8 ans ça fait un bail.... - Gildas le 04/03/2022 à 17:37
Bonjour Hervé, Bon j'arrive 8 ans après la... - Olivier le 16/01/2022 à 23:09
C'est clair que les actions réalisées ne correspondent...