Comment créer une favicon

Informations concernant l'auteur.e

Quand vous vous rendez sur un site Internet comme Google, Yahoo ou WikiHow, vous remarquerez peut-être qu’il y a une petite icône à gauche de la barre d’adresse. Cela s’appelle une favicon, et vous pouvez créer la vôtre pour votre site Internet. En plus de donner un côté un peu plus professionnel à votre site, l’icône apparaitra dans les favoris de vos utilisateurs à côté de n’importe laquelle des pages de votre site. Cela pourra les aider à retrouver votre site plus facilement.

Étapes

1
Créez une image ayant une taille de 16 x 16 pixels. L’image devrait être simple pour être facilement reconnaissable.
2
Convertissez l’image en fichier favicon.ico. Ce doit être exactement le nom du fichier, ou le navigateur web ne pourra pas le reconnaitre. Vous pouvez faire cela facilement en utilisant Favicon Pro. Vous pouvez également utiliser le logiciel de retouche d’image gratuit GIMP et sauvegarder l’image de taille 16 x 16 en format ICO.
3
Téléchargez le fichier créé sur votre site.
4
Ajoutez le code suivant à l’HTML de votre site. Vous devriez le placer dans la section <head> du code, et vous assurer que le chemin menant à l’icône est correct pour la page web. Le code est le suivant (en supposant que les .html et .ico résident dans le même répertoire) :
- <link rel="shortcut icon" href="favicon.ico" />
5
Rafraichissez la page et admirez la belle nouvelle icône de votre site.

Publicité

Conseils

Même si votre icône est très petite, assurez-vous que d’autres personnes puissent la lire ou la comprendre facilement.
Si vous utilisez Linux, vous pouvez convertir votre fichier directement sur votre ordinateur. Choisissez juste l'image que vous souhaitez, ouvrez votre ligne de commande, naviguez vers le répertoire dans lequel l’image est stockée et tapez : convert picture.png -resize 16x16! favicon.ico (remplacez picture.png par le nom de votre fichier).

Avertissements

Même si vous avez réussi à créer votre favicon, il est possible que tous les visiteurs de votre site ne puissent pas la voir. Elle s’affichera uniquement sur les versions 5.0 et supérieures d’Internet Explorer, 7.0 et supérieures de Opera, Firefox, Safari et Chrome. Elles ne s’affichent pas sur les navigateurs plus anciens. Par ailleurs, pour qu’une favicon s’affiche dans la barre d’adresse des versions 5.0 et supérieures d’Internet Explorer, la page doit d’abord être enregistrée comme favori. La favicon apparaitra alors la prochaine fois que le visiteur cliquera sur le favori ou tapera lui-même l’URL dans la barre d’adresse. Quelques problèmes peuvent également apparaitre à l'affichage des favicons sous Safari.