Passer au contenu principal

Bonnes pratiques pour la taille des favicons

Les favicons sont des icônes dans le navigateur et à d'autres endroits. Lisez cet article et découvrez les bonnes pratiques pour leur taille.

Les favicons sont un élément incontournable d'Internet dont chaque dirigeant d'entreprise doit tirer parti. Regardez les sites Web que vous utilisez : y a-t-il une icône à côté du nom sur l'onglet ? C'est une favicon et ce n'est pas anodin. Même si de nombreuses entreprises n'y prêtent guère attention, une favicon en dit beaucoup sur une marque ou une entreprise.

Continuez à lire pour en savoir plus sur les favicons, notamment sur leur importance et les bonnes pratiques concernant leur taille.

Qu'est-ce qu'une favicon ?

Une favicon est une icône de navigateur qui représente votre marque. La plupart des gens regardent ceux qui sont affichés dans l'onglet à côté du nom de l'entreprise, mais ils apparaissent aussi sur les pages de résultats, les barres de recherche, les listes de favoris et les barres d'adresse, entre autres. Ils sont devenus si cruciaux pour l'identité d'une marque et le SEO qu'ils sont également affichés dans les résultats de recherche sur mobile.

Les favicons sont un excellent élément de design avec une histoire intéressante. Du temps d'Internet Explorer 5, ils étaient enterrés dans le répertoire racine des sites Web. Ils servaient notamment à suivre le nombre de fois où l'utilisateur venait sur le site Web.

Si vous avez un site Web, vous devez avoir une favicon pour votre landing page. En fait, même les pages de destination ont besoin d'une favicon pour accroître la notoriété de la marque. Cela ajoute une touche de professionnalisme. Quand les gens voient votre favicon, ils doivent s'en souvenir.

Où trouve-t-on des favicons ?

Voici quelques endroits où on peut trouver des favicons :

  • Onglets du navigateur
  • Historique du navigateur
  • Barre de recherche
  • Applications de la barre des tâches
  • Liste déroulante de l'historique du navigateur
  • Recommandations de la barre de recherche
  • Menu déroulant du marque-page

Où que vous soyez présent en ligne, il est important d'avoir une favicon à ce point de contact.

Pourquoi les favicons sont importantes ?

Bien qu'une favicon ne soit qu'une petite représentation de votre marque, elle est importante. L'un des principaux objectifs d'une entreprise et d'une marque est de gagner la confiance des consommateurs, et de les fidéliser. Plus ils auront de chances de voir votre empreinte, plus ils commenceront à vous reconnaître et s'attendront à vous voir.

Chaque créateur de site Web doit permettre d'intégrer une favicon, et si vous utilisez un créateur de site Web par glisser-déposer, il doit avoir un espace pour vous permettre de déposer votre favicon. Voici d'autres raisons pour lesquelles les favicons sont un élément incontournable pour votre marque :

Renforcer l'identité de votre marque

Une marque cohérente fait des merveilles auprès de votre public cible. Les utilisateurs de votre site ou de votre boutique en ligne regardent tout. Une favicon joue en votre faveur, en rappelant votre marque au client sans prononcer un mot ni passer une annonce publicitaire. Par défaut, une favicon est une extension de votre marque.

Améliorer l'expérience utilisateur

La favicon aide les utilisateurs à trouver facilement votre site au milieu d'un océan d'onglets ou d'applications. Cela leur permet de revenir plus facilement. Sur un appareil mobile, la favicon a un impact définitif et durable. Les favicons peuvent vous aider à améliorer subtilement votre référencement. Lorsque vous avez une favicon dans les onglets de votre navigateur, dans les archives d'historique et dans vos favoris, les utilisateurs s'engagent en permanence avec votre site. Cela augmente les interactions, ce qui peut améliorer votre référencement SEO.

Votre SEO sera également amélioré, car une favicon offre un avantage concurrentiel lorsqu'il apparaît dans les favoris. Si votre site Web n'a pas de favicon, il ne pourra peut-être pas être mis en favori dans un navigateur comme Chrome, car ce dernier extrait certains signaux de classement de recherche des sites mis en favoris sur le Web.

Crédibilité et professionnalisme

Cela a déjà été mentionné, mais une favicon montre que vous vous souciez de votre marque, de la façon dont elle est perçue par votre audience et du professionnalisme de votre entreprise. Cela donne aux utilisateurs l'impression d'être avec une marque en laquelle ils peuvent avoir confiance.

Abonnez‑vous pour recevoir plus de conseils marketing directement dans votre boîte de réception.

Quelle est la meilleure taille pour une favicon ?

Les dimensions des favicons varient en fonction de l'endroit où elles seront utilisées. La taille la plus courante est 16 x 16 pixels. Mais parfois la taille du favicon doit être un peu plus grande. Voici une description des tailles de favicon en pixels avec leur utilisation :

  • Favicons du navigateur - 16x16
  • Raccourci pour la barre des tâches – 32x32
  • Raccourci pour l'appareil de bureau – 96x96
  • Icônes tactiles Apple – 180 x 180
  • Dimensionnement pour WordPress – 512x512

Il peut sembler étonnant qu'il y ait tant de tailles différentes pour les favicons, mais c'est parce que leur taille peut varier en fonction des plateformes et des interfaces utilisateur.

Comment créer une favicon pour votre page Web ?

L'une des choses les plus importantes à retenir pour créer une favicon est qu'il doit être visible et net. Il est important d'utiliser une version haute qualité de votre logo. Il est important de tenir compte de la taille d'une favicon pour une représentation optimale de votre marque.

Donc, comment créer une favicon ? Réfléchissez à l'aspect que vous voulez donner à votre favicon. De nombreuses marques ont un logo spécial qu'elles utilisent uniquement pour certaines choses. Créer une favicon spécifique, alignée sur votre marque est une excellente idée. Même si les gens pensent qu'une favicon n'est qu'une version miniature de votre logo officiel, il peut être bien plus que cela. Faire de cela une partie de vos efforts créatifs de marque permet de maintenir la cohérence tout en ayant un impact.

Types de fichiers pour une favicon

L'une des choses les plus importantes à prendre en compte lors de la création d'une favicon pour votre site Web est la taille que vous comptez lui donner. Le format est important en fonction de l'endroit où votre favicon apparaîtra. Les types de fichiers suivants vous permettront de créer des favicons durables, lumineuses et nettes :

  • SVG : Autrefois délaissé, le format SVG est ensuite devenu très populaire chez les créateurs. Tous les navigateurs ne le prenaient pas en charge autrefois, mais les choses évoluent dans la bonne direction. Les navigateurs peuvent également afficher un GIF en tant que favicon, mais il sera difficile à voir. Les fichiers SVG fournissent des images de haute qualité sans compromettre l'apparence, la vitesse ou les performances du site.
  • PNG : Les fichiers PNG sont très populaires pour créer des favicons, et c'est un format de fichier très utilisé par les créateurs. Ils sont légers et se chargent rapidement. Si vous utilisez des designs avec des arrière-plans transparents, c'est le format à utiliser.
  • JPG : Les fichiers JPG ne sont généralement pas utilisés pour les favicons, car ils n'ont pas la même haute qualité que les PNG.
  • Windows ICO : C'est le type de fichier originel, toujours utilisé par les concepteurs. Ce type de fichier peut avoir plusieurs profondeurs et résolutions de bits.

Conseils pour créer une favicon

Pour créer une favicon, il y a certaines règles à suivre pour obtenir un résultat optimal. Vous pouvez aussi envisager d'utiliser un générateur de favicon. Ces outils convertiront votre image au bon format pour téléchargement. Voici quelques générateurs de favicon populaires que vous pouvez essayer :

  • Favicon.ico & Générateur d'icônes pour applications : Un PNG ou un JPG peut être converti au format ICO ou PNG, en plusieurs tailles. C'est là un moyen simple et facile de générer des favicons pour diverses plateformes.
  • Favikon : Ce générateur est très facile à utiliser. Chargez votre image, recadrez-la et téléchargez-la au format PNG ou ICO pour l'utiliser. Malheureusement, ce générateur ne produit que des tailles de 16 x 16 pixels. Si vous avez besoin d'une favicon plus grande, il ne fera pas l'affaire.
  • Favicon.io : Cet outil peut vous aider à créer une favicon à partir de rien, ou à partir d'un emoji, d'un logo ou d'une image. Les utilisateurs peuvent obtenir un aperçu de la favicon en trois tailles différentes et le télécharger.

Voici quelques conseils supplémentaires à garder à l'esprit pour concevoir et dimensionner une favicon :

Faites simple

Quand vous créez votre favicon, envisagez-la comme une sorte d'extension de votre logo. Il doit refléter votre image de marque. Cela signifie que vous devez prendre en compte l'espace. Il doit être clair et attrayant. Si vous avez un logotype pour votre marque et que vous souhaitez rester totalement authentique, il est préférable de créer une favicon avec la première lettre du mot. Votre favicon doit être cohérente avec le design de votre site.

Si vous avez un logo de marque, l'espacement est également un problème. Ce sont les meilleures représentations, car vous n'avez pas grand-chose à faire en fait. Un logo emblématique comporte à la fois un insigne de la marque et un mot-symbole. Dans ce cas, la favicon reprend généralement la marque seulement. La compatibilité avec les navigateurs est également un facteur, car ils ont tous des exigences différentes. Gardez toujours la taille de la favicon en tête.

Représentez votre marque

C'est une représentation de votre marque, il doit donc être cohérent avec vos couleurs et votre stratégie. Utilisez aussi la voix et le langage visuel de votre marque sur votre site Web pour renforcer cette cohérence. La palette de couleurs doit se fondre sans effort dans le design. Votre favicon peut être affiché sur des arrière-plans différents de ceux que vous utilisez habituellement. Il est important de tester votre favicon sur des fonds noirs, gris et blancs avant de finaliser le design. Cela vous évitera du travail supplémentaire plus tard.

Éviter le texte

Évitez à tout prix de mettre du texte. Les favicons sont minuscules et il est donc très difficile de lire leur texte. Utiliser la première lettre du nom de la marque dans un logotype est malin, vous pouvez même y ajouter une petite touche artistique pour encore plus de style. Si vous devez absolument mettre du texte, utilisez un à trois caractères seulement. Si vous pouvez utiliser des initiales pour obtenir le même effet, c'est aussi une bonne idée. L'objectif est de renforcer la marque, pas de l'atténuer.

Notes finales

Maintenant, vous devez comprendre pourquoi les favicons sont importantes pour votre marque et dans quelle mesure elle favorisent sa longévité grâce à une apparence professionnelle. Soyez attentif à l'endroit où les utilisateurs verront votre favicon, et dans quelle mesure sa taille peut impacter son apparence. Pour la conception d'une favicon, l'idée générale est de faire simple et de penser à bien représenter la marque.

Vous pouvez créer un site Web, une boutique en ligne et plus encore avec le producteur de contenu de Mailchimp. Découvrez les nombreuses fonctionnalités offertes par Mailchimp qui fonctionnent ensemble pour améliorer votre marque en donnant un aspect cohérent et professionnel à l'ensemble de vos sites Web.

Partagez cet article