Lorsque vous marquez des pages sur le web, il est difficile de se souvenir du nom de la page. En vous replongeant dans vos signets pour le retrouver, vous voyez une petite icône à côté de la page. Vous reconnaissez l’icône et réalisez qu’il s’agit du site Web que vous avez consulté précédemment.

Cette icône, connue sous le nom de favicon, est petite, mais elle a un impact significatif sur la reconnaissance de la marque.

Sur cette page, nous répondrons à la question  » Qu’est-ce qu’un favicon ? », ainsi qu’aux raisons pour lesquelles vous devriez en créer une, et nous vous donnerons quatre conseils pour créer une favicon de site web mémorable (et conforme).

Si vous voulez rester à jour sur les favicons et le marketing, rejoignez notre newsletter hebdomadaire.

Qu’est-ce qu’une favicon ?

Le favicon est une petite icône pour votre site web qui apparaît à côté du nom de la page ou de la balise titre de votre site web.

Ces icônes apparaissent à de nombreux endroits, notamment :

  • L’onglet du navigateur
  • Les signets
  • La barre d’outils
  • Les sites récemment visités
  • Les barres de recherche
  • Les recherches sur mobile

Les endroits où une favicon apparaît sur internet

Cette petite icône est un composant essentiel de l’interface de votre site web. Elle vous permet d’avoir une image simple et reconnaissable associée à votre site Web, afin que les utilisateurs se familiarisent avec votre marque.

Une favicon de site Web est encore plus utile si quelqu’un met votre site en signet et veut y revenir plus tard.

De nombreuses entreprises utilisent une image simple, comme leur logo, comme favicon. L’un des meilleurs exemples de favicon est celui de Target. Target utilise son icône en forme d’œil de bœuf bien connue pour son favicon.

exemple de favicon

Vous avez également la possibilité d’utiliser une icône avec un à trois caractères de texte. Wikipedia est un excellent exemple de favicon utilisant du texte au lieu d’une image.

wikipedia favicon example

Il y a beaucoup de grands exemples de favicon que vous pouvez regarder pour vous inspirer pour votre favicon. L’important est que vous créiez une favicon de site web qui soit claire, mémorable et facile à voir.

Dimensionnement et formatage des favicons

La question qui suit, « Qu’est-ce qu’une favicon ? » est la suivante : « Quelle est la bonne taille pour ma favicon ? ». Comme ces icônes sont petites, il est essentiel de connaître les bonnes dimensions pour que la vôtre n’apparaisse pas écrasée.

La taille des favicons varie en fonction du navigateur ou si vous utilisez un hébergeur de site web.

Votre taille de fichier doit être un multiple de 48px carré. Ainsi, vous pouvez avoir une taille de fichier d’icône comme 48x48px ou 144x144px. Quelle que soit la taille que vous utilisez, votre image sera redimensionnée à un ratio de 16x16px.

Si vous hébergez votre site Web sur un constructeur de sites Web, les tailles de votre favicon seront différentes. Par exemple, WordPress exige 512×512 pixels pour son favicon, tandis que Squarespace exige 300×300 pixels pour ses favicons.

Il est également important de se rappeler que les favicons apparaissent sur les onglets du navigateur ou les listes de signets.

Ils peuvent également apparaître dans une section fréquemment visitée de votre navigateur ou comme icône de raccourci sur le bureau d’un utilisateur. Votre icône doit être facilement extensible pour ces instances car votre favicon apparaît plus grand.

En connaissant le dimensionnement pour ces différentes instances, vous créerez un meilleur favicon pour votre entreprise.

Pourquoi devrais-je créer un favicon de site Web ?

Les favicons offrent de nombreux avantages pour votre entreprise, notamment :

  • Les favicons renforcent la reconnaissance de la marque : Lorsque vous utilisez un favicône qui reflète votre activité, les gens le voient et se familiarisent davantage avec votre entreprise. Ils seront exposés à votre marque et s’en souviendront plus tard.
  • Les favicons ajoutent de la légitimité à votre site : Votre site apparaîtra complet avec un favicon. Cela vous aide à paraître professionnel dans la sphère en ligne.
  • Les favicons aident à l’optimisation des moteurs de recherche (SEO) : Les favicons vous aident à créer un site Web convivial, ce qui est une composante essentielle du référencement. Vous augmenterez également la reconnaissance de la marque, ce qui encourage les gens à revenir sur votre site et à convertir.
  • Les favicons aident votre public à localiser votre page s’il la met en signet : Les favicons permettent à votre public de retrouver facilement votre site lorsqu’il le met en favoris. Les gens ne se souviennent pas toujours des noms de marque, mais ils reconnaissent votre entreprise par son favicon.
  • Les favicons aident les gens à localiser votre entreprise avec plusieurs onglets ouverts : Les gens ont souvent de nombreux onglets de navigateur ouverts en même temps. Au lieu de cliquer sur chaque onglet pour trouver la page de votre entreprise, ils peuvent la reconnaître grâce au favicon.

Ce ne sont que quelques-unes des raisons d’utiliser un favicon de site Web. En ajoutant une favicon à votre site Web, vous récolterez ces avantages et développerez votre activité en ligne.

Comment créer une favicon

Si vous êtes prêt à créer une icône pour votre site Web, consultez ces quatre conseils utiles pour savoir comment créer une favicon.

1. Utilisez l’espace à bon escient

Lorsque vous créez une favicon pour votre entreprise, vous devez utiliser l’espace à bon escient. Vous ne voulez pas créer une icône qui utilise si peu d’espace que les utilisateurs ne peuvent pas la voir, mais vous avez également besoin de suffisamment d’espace blanc.

De nombreuses entreprises utiliseront leur logo comme favicon de leur site Web.

Bien que ce soit une excellente idée pour l’image de marque, votre logo peut ne pas être mis à l’échelle ou ne pas avoir l’air bien comme favicon. Il peut ne pas utiliser adéquatement l’espace dont vous disposez ou ne pas s’adapter aux dimensions prédéfinies de la favicon.

Si vous devez créer une nouvelle icône, vous voudrez optimiser votre espace. Vous devrez planifier votre favicon pour utiliser l’espace en pixels qui vous est donné, sans qu’il ait l’air surchargé ou vide.

2. Restez simple

Lorsque vous concevez votre favicon, restez simple. Une favicon rend votre entreprise reconnaissable mais ne submerge pas l’utilisateur avec un design complexe. Le seul but de cette icône est de renforcer votre marque auprès de votre public et de l’aider à vous trouver plus facilement.

Si vous créez une favicon avec un design complexe, votre icône aura l’air encombrée. Votre public aura plus de mal à se souvenir de votre marque ou à localiser votre page.

La meilleure voie implique de rester simple.

Créez quelque chose de propre, lié à la marque et reconnaissable.

3. Reflétez votre marque

Nous l’avons souligné à plusieurs reprises, mais pour réitérer, assurez-vous que votre favicon reflète votre marque. Votre public utilise cette icône pour trouver votre entreprise dans ses onglets ou ses signets. Vous voulez utiliser une image qui correspond au reste de votre marque.

L’hôpital vétérinaire Walbert est un exemple brillant d’une favicon qui reflète son activité.

exemple de favicon d'un site Web vétérinaire

Comme vous pouvez le voir, l’hôpital vétérinaire Walbert utilise des empreintes de pattes comme favicon. C’est une excellente association avec leur entreprise et reflète leur marque. C’est simple et aide les gens à les reconnaître.

Vous voulez utiliser les bons symboles dans votre favicon. Dans cet exemple, les gens associent les empreintes de pattes aux animaux. Lorsqu’un utilisateur voit ces empreintes de pattes, il suppose que l’entreprise travaille avec les animaux d’une manière ou d’une autre.

Si vous choisissez d’utiliser la couleur dans votre icône, vous voudrez vous en tenir aux couleurs de votre marque. Un favicon jaune ne serait pas adapté à un schéma de couleurs d’entreprise violet et gris. Il est essentiel de garder votre icône aux mêmes couleurs que votre marque pour soutenir la reconnaissance de la marque.

4. Consultez un concepteur

Si vous n’êtes pas sûr de ce que vous devez faire avec votre favicon, vous pouvez toujours consulter un concepteur web. Un concepteur web est une excellente option car il vous fournit un favicon unique. Vous obtiendrez un favicon mis à l’échelle correctement pour le web.

De nombreuses entreprises s’appuient sur des générateurs pour créer des favicons. Bien que ces générateurs soient faciles à utiliser, ils vous obligent à rechercher dans des bases de données d’icônes pour trouver celle qui convient à votre organisation. Vous devez ensuite la redimensionner et la mettre à l’échelle de manière appropriée.

Avec un concepteur web, vous n’avez pas besoin de tirer une image de stock d’une base de données. Vous obtenez un favicon personnalisable qui est unique à votre entreprise, correctement mis à l’échelle et qui reflète votre entreprise.

Commencez à créer votre favicon de site Web aujourd’hui

Un favicon est un élément essentiel pour construire la reconnaissance de la marque. La création et le téléchargement du favicon de votre site Web aident les utilisateurs à reconnaître votre entreprise et à la trouver rapidement sur leurs navigateurs.

Si vous ne savez pas comment créer un favicon de qualité pour votre entreprise, notre équipe de WebFX peut vous aider. Nous avons une équipe de concepteurs web dynamiques et primés qui vous aideront à créer un favicon stellaire.

Vous voulez en savoir plus sur la façon de concevoir un favicon de haute qualité ?

Contactez-nous en ligne ou appelez-nous dès aujourd’hui au 888-601-5359 pour parler avec un stratège.