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

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.

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.

Bonnes pratiques pour le design d’une favicon

Suivez ces bonnes pratiques lors de la conception et du formatage de votre favicon :

• Résolution de l’image : bien qu’elles s’affichent en 16 x 16 pixels, les favicons fonctionnent mieux sur tous les navigateurs lorsqu’elles sont chargées dans des dimensions comprises entre 100 x 100 pixels et 300 x 300 pixels.
• Format de fichier : nous recommandons le format de fichier .png. Il n’est pas possible de télécharger un fichier .icon.
• Taille du fichier : les fichiers image favicon ne peuvent pas dépasser 100 Ko.

Affichage des favicons

En général, les favicons apparaissent dans les onglets des navigateurs, mais elles peuvent s’afficher différemment selon votre navigateur ou votre appareil :

• Dans Safari, la favicon apparaît lorsque vous cliquez sur la barre d’adresse ou lorsque vous ouvrez plusieurs onglets du navigateur.
• Il est possible que Safari affiche votre favicon avec une bordure ou une couleur d’arrière-plan pour fournir un meilleur contraste. Cela peut se produire à la fois en mode clair et en mode sombre, selon la luminosité et la couleur de votre favicon.
• En général, la favicon ne s’affiche pas sur les navigateurs mobiles.

Que se passe-t-il si je n’ajoute pas de favicon ?

Tous les sites Squarespace commencent avec notre favicon par défaut en forme de cube. Si n’ajoutez pas votre propre favicon, les personnes qui connaissent l’icône sauront que vous faites partie de la communauté Squarespace.

Pourquoi ma favicon ne s’affiche-t-elle pas sur mon site ?

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.

Comment faire apparaître ma favicon dans les résultats de recherche ?

Certains moteurs de recherche peuvent afficher votre favicon lorsque votre site apparaît dans les résultats de recherche, mais les exigences varient d’un moteur de recherche à l’autre. Par exemple, Google exige que votre favicon soit un multiple de 48 x 48 pixels, comme 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 formatez votre image pour qu’elle respecte ces exigences.

Puis-je charger des favicons multi-versions ?

Non. Il n’est pas possible d’utiliser des favicons multi-versions pour le moment. Pour charger correctement votre favicon, supprimez les autres versions du fichier et exportez une seule version de l’image.