Comment créer un Favicon.ico : 5 étapes (avec photos)

Table des matières:

Comment créer un Favicon.ico : 5 étapes (avec photos)
Comment créer un Favicon.ico : 5 étapes (avec photos)

Vidéo: Comment créer un Favicon.ico : 5 étapes (avec photos)

Vidéo: Comment créer un Favicon.ico : 5 étapes (avec photos)
Vidéo: Comment rendre vos photos éclatantes ? - Photoshop 2024, Peut
Anonim

Lorsque vous visitez un site Web comme Google, Yahoo ou wikiHow, vous remarquerez peut-être qu'il y a une petite icône à gauche de la barre d'adresse. C'est ce qu'on appelle un favicon, et vous pouvez créer le vôtre pour un site Web. En plus de donner à votre site un aspect plus professionnel, l'icône apparaîtra dans les signets de l'utilisateur à côté de toutes les pages de votre site qu'il mettra dans ses favoris. Cela peut les aider à trouver votre site plus facilement.

Pas

Créer un Favicon.ico Étape 1
Créer un Favicon.ico Étape 1

Étape 1. Créez une image de 16x16 pixels

Il doit s'agir d'une image simple, afin qu'elle soit immédiatement reconnaissable.

Créer un Favicon.ico Étape 2
Créer un Favicon.ico Étape 2

Étape 2. Convertissez l'image en fichier favicon.ico

Il doit s'appeler exactement ainsi, sinon le navigateur ne le reconnaîtra pas. Un moyen simple de le faire est d'utiliser le générateur d'icônes de favoris Dynamic Drive. Une autre façon consiste à utiliser un éditeur d'images gratuit GIMP et à enregistrer l'image 16x16 au format ICO.

Créer un Favicon.ico Étape 3
Créer un Favicon.ico Étape 3

Étape 3. Téléchargez le fichier généré sur votre site Web

Créer un Favicon.ico Étape 4
Créer un Favicon.ico Étape 4

Étape 4. Ajoutez le code suivant au code HTML de votre site Web

Vous devez le mettre dans la section du code et vous assurer que le chemin d'accès à l'icône est correct, par rapport à la page Web. Le code suit (en supposant que.html et.ico se trouvent dans le même répertoire supérieur):

Créer un Favicon.ico Étape 5
Créer un Favicon.ico Étape 5

Étape 5. Actualisez la page, reculez et admirez la magnifique nouvelle icône de votre site Web

Des astuces

  • Même si votre icône sera très petite, assurez-vous que d'autres personnes peuvent facilement la lire/la comprendre.
  • Si vous utilisez Linux, vous pouvez convertir le fichier directement sur votre ordinateur. Choisissez simplement une image appropriée, ouvrez votre ligne de commande, accédez au répertoire où vous stockez l'image et tapez: convert picture-p.webp" />

Conseillé: