Guides/Modifier votre site/Ajouter une icône de site

Ajouter une icône de site

Une icône de site, également appelée favicône, est une icône unique représentant votre site Web. Ce guide vous montrera comment en ajouter une à votre site.

Où apparaissent les icônes de site

L’icône du site s’affiche à plusieurs endroits, notamment :

  • À côté du nom de votre site dans votre tableau de bord WordPress.com.
  • Dans l’onglet du navigateur de vos visiteurs.
  • En tant qu’icône utilisée lorsqu’une personne ajoute votre site dans les favoris de son navigateur.
  • Dans les résultats de recherche.
  • En tant qu’icône d’application sur l’écran d’accueil lors de son enregistrement dans un navigateur ou sur un téléphone.

Voici plusieurs exemples :

Icône de site (favicône) sur un onglet de navigateur de bureau.
Icône de site en tant que favicône sur un onglet de navigateur de bureau
Icône de site (favicône) sur un raccourci d’appareil mobile.
Icône de site sur un raccourci d’appareil mobile
Onglet du navigateur et résultats de recherche

Ajouter votre icône de site

Pour charger une icône de site sur votre site :

  1. Consultez le tableau de bord de votre site.
  2. Accédez à Réglages → Général.
  3. Cliquez sur le bouton « Choisir une icône de site » à côté de « Icône du site »
La section « Icône du site » des Réglages généraux avec l’option « Choisir une icône de site »
  1. Le panneau Médias de votre site s’ouvrira où vous pourrez :
    • Choisir une image existante dans l’onglet « Bibliothèque de médias ».
    • Charger une nouvelle image à partir de l’onglet « Charger des fichiers », en suivant ces consignes.
  2. Après avoir sélectionné une image, cliquez sur le bouton « Définir comme icône du site » en bas à droite du panneau Médias.
    • Si votre image est déjà un carré parfait, l’icône de votre site sera définie.
    • Si votre image n’est pas un carré parfait, vous aurez la possibilité de rogner l’image (cette étape ne peut pas être ignorée). Une fois que vous avez sélectionné un recadrage carré, cliquez sur le bouton « Recadrer l’image » pour avancer.
Option permettant de modifier le rognage d’une image destinée à l’icône de site avec un aperçu à droite.
Rogner l’icône de site
  1. Une fois l’icône du site sélectionnée et/ou rognée, cliquez sur le bouton « Enregistrer les modifications » au bas de la page pour enregistrer l’icône de site.

Règles relatives à l’image de l’icône de site

Le fichier image de l’icône de votre site doit répondre aux critères suivants :

  • Proportions : chargez une image carrée.
  • Dimensions : au moins 512 x 512 pixels.
  • Type de fichier : les types de fichiers image les plus courants sont les PNG et SVG. Tout format favicône valide est pris en charge.

Voici quelques conseils pratiques à suivre :

  1. Faites simple. N’oubliez pas que vous n’avez pas beaucoup de marge de manœuvre !
  2. Faites qu’elle soit reconnaissable. Essayez d’encapsuler votre marque dans le petit espace dont vous disposez. Si vous avez l’habitude d’utiliser un logo qui n’est pas un petit carré, essayez de créer quelque chose qui évoque ce logo plutôt que de compresser inutilement l’intégralité de l’original.
  3. Utilisez le moins de texte ou de lettres possible. Rappelez-vous que la favicône est une petite image. Même si le nom de votre entreprise figure sur votre logo habituel, veillez à ce qu’il soit concis dans votre favicône.
  4. Pensez aux couleurs. Différents navigateurs Web (comme Google Chrome, Safari et Edge) utilisent différentes palettes de couleurs. Et, avec la popularité croissante du mode sombre, assurez-vous que votre favicône reste magnifique quel que soit le navigateur de l’utilisateur. Veillez à ce que la favicône soit jolie et se démarque sur les arrière-plans de couleur blanche, grise et noire.

Retirer une icône de site

Pour supprimer une icône de site :

  1. Consultez le tableau de bord de votre site.
  2. Accédez à Réglages → Général.
  3. Cliquez sur le bouton « Supprimer l’icône du site » à côté de « Icône du site » sous votre image d’aperçu actuelle.
Le lien sous l’aperçu de l’icône du site intitulé « Supprimer l’icône du site ».
Retirer l’icône du site
Copied to clipboard!