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

Table des matières:

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

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

Vidéo: Comment créer un fichier Favicon.ico : 5 étapes (avec images)
Vidéo: Как ускорить загрузку через uTorrent | 10-кратная скорость загрузки 2024, Décembre
Anonim

Lorsque vous visitez des sites Web comme Google, Yahoo ou wikiHow, vous pouvez voir une petite icône à gauche de la barre d'adresse. Cette icône est connue sous le nom de favicon, et vous pouvez en créer une pour votre propre site Web. En plus de donner au site un aspect professionnel, cette icône apparaîtra dans le segment des favoris de l'utilisateur, à côté des sites qu'il marque comme favoris. De cette façon, les utilisateurs peuvent trouver votre site plus facilement.

Étape

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

Étape 1. Créez une image d'une taille de 16 x 16 pixels

Utilisez des images simples pour une identification facile.

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

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

Le fichier doit être nommé de cette façon pour que le navigateur le reconnaisse. La façon la plus simple de le faire est d'utiliser le service Dynamic Drive FavIcon Generator. Vous pouvez également utiliser le programme d'édition d'images gratuit GIMP et enregistrer l'image avec une résolution de 16 x 16 pixels au format ICO.

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

Étape 3. Téléchargez le fichier créé sur le 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 du site Web

Vous devez l'ajouter au segment de code et vous assurer que l'adresse du répertoire d'icônes est correcte, conformément à la page Web. Voici le code que vous devrez entrer (en supposant que les fichiers.html et.ico se trouvent dans le même répertoire top/main):

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

Étape 5. Rechargez la page, jetez un œil et admirez la magnifique nouvelle icône de votre site Web

Des astuces

  • Même s'ils sont de très petite taille, assurez-vous que les gens peuvent facilement lire ou comprendre les icônes utilisées.
  • Si vous utilisez le système d'exploitation Linux, vous pouvez convertir des fichiers directement depuis votre ordinateur. Sélectionnez l'image appropriée, ouvrez un programme en ligne de commande (ligne de commande), visitez le répertoire où le fichier image est stocké et tapez: convert image-p.webp" />

Conseillé: