/ / Créer un FavIcon facilement

Créer un FavIcon facilement

J'ai récemment décidé de mettre à jour le FavIcon pour cettesite (la petite icône dans la barre d'adresse). L’ancien était quelque chose que j’avais moi-même piraté en studio visuel et qui ne me semblait tout simplement pas assez amical.

Il existe un certain nombre de générateurs en ligne qui créent les icônes pour vous à partir d’une image, et ils semblent vraiment faire un excellent travail tout en gardant les choses extrêmement simples.

Ce sont deux que j’ai personnellement utilisés sur plusieurs sites:

  • FavIcon à partir de photos
  • Lecteur dynamique - Générateur FavIcon

FavIcon à partir de photos

Commencez par trouver une image semblable à celle que vous voudriez que l’icône ressemble à ceci:

image

Il suffit de choisir le fichier, puis de cliquer sur le bouton Générer. La nouvelle icône s’affiche exactement telle qu’elle se présentera dans la barre d’adresses.

image

J'ai utilisé l'icône mais j'ai fini par la nettoyer un peu dans une application de retouche d'image.

Lecteur dynamique - Générateur FavIcon

Il suffit de choisir l’image, de cliquer sur le bouton Créer une icône et d’avoir un aperçu.

image

Le seul problème que vous pourriez remarquer est qu’en général, vos icônes se retrouvent avec un fond de couleur, même si vous préférez qu’elles soient transparentes.

Installer votre FavIcon

Une fois que vous avez le fichier d'icône, vous pouvez l'enregistrer quelque part sur votre site Web. Modifiez l'en-tête / le thème du site et insérez la ligne suivante, en ajustant le chemin si nécessaire.

<link rel = ”icône de raccourci” href = ”/ favicon.ico”>

C’est à peu près tout ce qu’il ya à faire.