Comment créer un Favicon.ico?

Et vous pouvez créer le vôtre pour un site Web
C'est ce qu'on appelle un favicon, et vous pouvez créer le vôtre pour un site Web.

Lorsque vous visitez un site Web comme Google, Yahoo ou un guide, 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

  1. 1
    Créez une image de 16x16 pixels. Il doit s'agir d'une image simple, afin qu'elle soit immédiatement reconnaissable.
  2. 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 de favicon Dynamic Drive. Une autre façon consiste à utiliser un éditeur d'images gratuit GIMP et à enregistrer l'image 16x16 au format ICO.
  3. 3
    Téléchargez le fichier généré sur votre site Web.
  4. 4
    Ajoutez le code suivant au code HTML de votre site Web. Vous devez le mettre dans la section <head> 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 les deux.html et.ico se trouvent dans le même répertoire supérieur):
    • <link rel="icône de raccourci" href=".ico" />
  5. 5
    Rafraîchissez la page, reculez et admirez la magnifique nouvelle icône de votre site Web.

Conseils

  • 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.png -resize 16x16! favicon.ico (remplacez picture.png par le nom de fichier de votre image).
Convertissez l'image en fichier favicon.ico
Convertissez l'image en fichier favicon.ico.

Mises en garde

  • Bien que vous ayez créé votre favicon avec succès, tous ceux qui visitent votre site ne le verront pas. Seules les versions Internet Explorer 5,0+ affichent les favicons, ainsi que Netscape 7,0+, Opera 7,0+, Firefox, Safari et Chrome. Les navigateurs plus anciens n'affichent tout simplement pas votre icône. De plus, pour qu'un favicon s'affiche dans la barre d'adresse d'Internet Explorer versions 5,0+, la page doit d'abord être enregistrée en tant que favori. Ensuite, il apparaîtra la prochaine fois que le visiteur cliquera sur le favori ou saisira la main dans l'URL de la barre d'adresse. Il y a également eu des problèmes avec Safari pour afficher les favicons.
En parallèle
  1. Comment créer une page d'accueil pour un site Web?
  2. Comment choisir un hébergeur?
  3. Comment créer un site Web avec WordPress?
  4. Comment ajouter des auteurs à WordPress?
  5. Comment utiliser Google Chrome?
  6. Comment créer un compte Google?
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail