Ajouter une favicon ou icône de navigateur

Représentez votre marque avec une favicon personnalisée.

Dernière mise à jour le 29 janvier 2025

Une favicon, ou icône de navigateur, est une petite image carrée s’affichant à côté du titre d’une page dans les onglets d’un navigateur et ailleurs sur le web. L’ajout d’une favicon personnalisée permet de distinguer votre site dans un navigateur rempli d’onglets ou de signets.

Tous les sites Squarespace commencent avec notre favicon par défaut en forme de cube. Si vous la conservez, les personnes qui connaissent l’icône sauront que vous faites partie de la communauté Squarespace. Vous pouvez la remplacer par votre propre image pour mieux illustrer votre site.

KB Guide Image

Regarder une vidéo

Ajouter une favicon

Pour ajouter une favicon :

  1. Ouvrez le panneau Favicon.
  2. Faites glisser votre image dans l'outil de chargement d'images ou cliquez sur ce dernier pour choisir un fichier à partir de votre ordinateur.
  3. (Facultatif) Ajoutez une version alternative de votre favicon qui s’affiche lorsque les visiteurs consultent votre site en mode sombre. Il n’est pas possible d’ajouter une favicon pour mode sombre sans ajouter au préalable une favicon par défaut. 
  4. Après le chargement de vos images, cliquez sur Enregistrer.

Si votre favicon n’est pas immédiatement mise à jour, nous vous recommandons de vider le cache de votre navigateur et de redémarrer votre navigateur. Les navigateurs peuvent conserver longtemps les favicons dans leur cache.

Affichage Favicon

Votre favicon s’affiche différemment selon les navigateurs et les appareils :

  • Dans Safari, la favicon apparaît lorsque vous cliquez sur la barre d’adresse ou lorsque vous ouvrez plusieurs onglets du navigateur.
  • En général, la favicon ne s’affiche pas sur les navigateurs mobiles.
  • Votre favicon peut s’afficher à côté de votre site dans les résultats de recherche.

Bonnes pratiques

Résolution d'image

La taille des images de favicon la mieux adaptée à l’ensemble des navigateurs est comprise entre 100px × 100px et 300px × 300px, bien qu’elles s’affichent si elles font 16px × 16px. Il s’agit des dimensions standard pour les favicons. Même si certains navigateurs prennent en charge des fichiers de favicon plus grands, ils prennent tous en charge cette taille.

Les moteurs de recherche qui affichent votre favicon dans les résultats de recherche peuvent avoir leurs propres exigences. Par exemple, Google exige que votre favicon soit un multiple de 48 pixels carrés, par exemple 48 x 48 pixels, 96 x 96 pixels, 144 x 144 pixels, etc. Pour vous assurer que votre favicon s’affiche dans les résultats de recherche, consultez les recommandations du moteur de recherche concernant l’affichage des favicons et configurez votre image pour qu’elle respecte ces exigences.

Format de fichiers

Nous vous recommandons d’utiliser un fichier .png comme Favicon. Nous ne prenons pas en charge l’importation de fichiers .ico.

Taille de fichiers

Les fichiers image de Favicon ne peuvent pas dépasser 100 Ko.

Favicons multi-versions

À l’heure actuelle, nous ne prenons pas en charge les favicons multi-versions. Pour charger votre favicon correctement, utilisez une seule version de l’image et supprimez les autres versions du fichier.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.