Créer un favicon pour son site WordPress

Créer un favicon pour son site WordPress

❓ Dans quel cas ?

Tout site profesionnel se doit d’avoir un favicon.

Qu’est ce qu’un favicon ?

C’est l’icone du site web que l’on voit dans l’onglet de votre navigateur.

On l’appelle comme ça, car quand on met un site web en « favoris » c’est cet icone qui sert de repère.

Quand un site web n’a pas de favicon on voit l’image d’un globe gris. comme ci-dessous.

Site web Sans favicon

Un site web sans favicon, c’est MOCHE et c’est pas pro! Heureusement c’est EASY de le faire, suivez le guide :

NB : Le favicon est une déclinaison de votre logo, si vous avez fait appel à graphiste pour votre logo, il est censé vous proposer un favicon ainsi qu’une version web de votre logo. Demandez-les si ce n’est pas le cas.

Comment faire un Favicon pour son site WordPress?

Vous pouvez créer votre favicon sur PhotoShop, Canva ou tout autre logiciel de design. puis l’intégrer dans votre site super facilement.

Design

  • Le design de l’icone doit être le plus simple possible. Sans aucun détails, car on ne les verras JAMAIS, (les favicon sont affichés en tout petit 24x24px selon les navigateurs.)
  • Les couleurs doivent être vives, évitez les couleurs claires
  • Idéalement, il doit être circulaire, il n’y a pas de règle officielle, mais c’est juste plus joli

Format du fichier

Le fichier doit être en .png fond transparent.

Dimension et poids

  • Les dimensions pour les sites sous WordPress sont de 512pixel par 512 pixel. OUI c’est un carré, mais votre design doit être circulaire, d’où l’obligation du .png fond transparent.
  • Il doit être le PLUS LÉGER possible 5ko max.

En résumé :

  • Icone le plus SIMPLE possible
  • Fichier .png fond transparent
  • Dimensions 512x512px
  • Poids de quelques Ko seulement

Intégrer le favicon dans votre site WordPress

  1. Depuis n’importe quelle page de votre site, cliquez sur l’icone « Personnaliser »
  2. Puis dans la colonne de gauche, trouvez les Réglages généraux > Identité du site
  3. Téléversez votre favicon

N’hésitez pas si vous avez la moindre question!

Partager cet article