MENU

Qu’est-ce qu’un Favicon ? ( Et comment créer un Favicon percutant )

10 Août
2020

Qu’est-ce qu’un Favicon ? [+4 conseils pour créer un Favicon percutant]

Lorsque vous ajoutez des pages à vos favoris sur le Web, il est difficile de se souvenir du nom de la page. Lorsque vous replongez dans vos signets pour le trouver, vous voyez une petite icône à côté de la page c’est le Favicon. Vous reconnaissez l’icône et réalisez qu’il s’agit du site Web que vous avez consulté auparavant.

Qu'est-ce qu'un Favicon ? ( Et comment créer un Favicon percutant )
Qu’est-ce qu’un Favicon ? ( Et comment créer un Favicon percutant )

Cette icône, appelée 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 un, et nous fournirons quatre conseils pour créer un favicon de site web mémorable (et conforme).

Si vous souhaitez vous tenir au courant des favicons et du marketing, inscrivez-vous à notre newsletter hebdomadaire.

Qu’est-ce qu’un favicon ?

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

Ces icônes apparaissent à de nombreux endroits, notamment

  • Onglet du navigateur
  • Signets
  • Barre d’outils
  • Visité récemment
  • Barres de recherche
  • Recherches mobiles
examples Favicon
examples Favicon

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

Une favicon de site web est encore plus utile si quelqu’un place votre site dans ses favoris et veut y revenir plus tard.

De nombreuses entreprises utilisent une image simple, comme leur logo, comme favicon. L’un des meilleurs exemples d’image de favicon est Target. Target utilise sa célèbre icône en forme d’œil de bœuf pour sa favicon.

Favicon
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.

Utiliser une lettre pour un Favicon
Utiliser une lettre pour un Favicon

Il existe de nombreux exemples de favicônes que vous pouvez consulter pour vous inspirer de votre favicône. L’important est de créer un favicon de site web qui soit clair, mémorisable et facile à voir.

Taille et formatage des favicons

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

La taille des favicônes varie selon le navigateur ou si vous utilisez un hébergeur de site web.

La taille de votre fichier doit être un multiple de 48px carré. Vous pouvez donc avoir une taille de fichier d’icône de 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 site web, la taille de vos favicons sera différente. Par exemple, WordPress a besoin de 512×512 pixels pour ses favicons, tandis que Squarespace a besoin de 300×300 pixels pour ses favicons.

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

Elles peuvent également apparaître dans une section fréquemment visitée de votre navigateur ou sous la forme d’une icône de raccourci sur le bureau d’un utilisateur. Votre icône doit être facilement modifiable pour ces cas, car votre favicon apparaît plus grand.

example grand favicon
Example grand favicon

En connaissant la taille de ces différentes instances, vous créerez une meilleure favicon pour votre entreprise.

Pourquoi devrais-je créer un favicon pour mon site web ?

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

  • Les favicons permettent d’établir une reconnaissance de la marque : Lorsque vous utilisez un favicon qui reflète votre entreprise, les gens le voient et se familiarisent 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 avec un favicon. Cela vous aide à avoir l’air professionnel dans la sphère en ligne.
  • Les favicons aident à l’optimisation pour les moteurs de recherche (SEO) : Les favicons vous aident à créer un site web convivial, qui est un élément essentiel du référencement. Vous augmentez é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 dans ses favoris : Les favicons permettent à votre public de trouver facilement votre site web lorsqu’il le met en signet. 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 grâce à plusieurs onglets ouverts : Les gens ont souvent plusieurs 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 là que quelques-unes des raisons d’utiliser un favicon de site web. En ajoutant un favicon à votre site web, vous profiterez de ces avantages et développerez votre activité en ligne.

Comment créer un favicon

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

1. Utilisez l’espace de façon judicieuse

Lorsque vous créez votre favicon, 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 de stratégie de marque, votre logo ne peut pas être réduit ou utilisé comme icône. Il peut ne pas utiliser correctement l’espace dont vous disposez ou ne pas correspondre 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 de manière à utiliser l’espace en pixels qui vous est donné, sans qu’elle ait l’air surchargée ou vide.

2. Faire simple

Lorsque vous concevez votre favicon, veillez à ce qu’elle soit 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 un 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 solution consiste à faire simple.

Créez quelque chose de propre, en rapport avec votre marque et reconnaissable.

3. Refléter votre marque

Nous l’avons souligné à plusieurs reprises, mais pour le répéter, 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 s’accorde avec le reste de votre marque.

La clinique vétérinaire Franchepré est un exemple parfait de favicon qui reflète son activité.

Favicon clinique vétérinaire
Favicon clinique vétérinaireFavicon clinique vétérinaire

Comme vous pouvez le voir, la clinique vétérinaire utilise des empreintes de pattes comme favicon. C’est une excellente association avec leur activité et reflète leur marque. C’est simple et cela 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, il suppose que l’entreprise travaille avec des animaux d’une manière ou d’une autre.

Si vous choisissez d’utiliser de la couleur dans votre icône, vous voudrez vous en tenir aux couleurs de votre marque. Un favicon jaune ne correspondrait pas à un schéma de couleurs violet et gris. Il est essentiel de conserver les mêmes couleurs pour votre icône et votre marque afin de favoriser la reconnaissance de celle-ci.

4. Consultez un designer

Si vous ne savez pas quoi faire de votre favicon, vous pouvez toujours consulter un web designer. Un concepteur de sites web est une excellente option car il vous fournit une favicon unique. Vous obtiendrez un favicon à la bonne échelle pour le web.

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

Avec un concepteur de sites 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 dimensionné et qui reflète votre entreprise.

Articles similaires

Commencez à créer votre favicon de site web dès aujourd’hui

Un favicon est un élément essentiel pour la reconnaissance d’une marque. La création et le téléchargement d’un favicon sur votre site web aident les utilisateurs à reconnaître votre entreprise et à la trouver rapidement sur leur navigateur.

Si vous ne savez pas comment créer une favicon de qualité pour votre entreprise, notre équipe de Metadosi peut vous aider. Nous disposons d’une équipe de concepteurs graphiques dynamiques qui vous aideront à créer une favicon de qualité.

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

Contactez-nous en ligne ou appelez-nous dès aujourd’hui au 06 80 60 77 77 pour parler avec un stratège.

Nicolas Schiavon
author

Après 22 ans dans le monde de l'automobile et après avoir créé plusieurs sites internet de vente de voitures, dont le premier en 1997, et les premières pages Facebook de garage automobile, mais aussi dans d'autres domaines, Nicolas décide de mettre son savoir faire en marketing digital au services des entreprises qui décident de renforcer leur présence sur Internet. Assurer la visibilité des clients sur le digital, en les accompagnant dans leur transformation digitale et augmenter leur taux de convertion en générant des leads qualifiés grâce au référencement Google de notre agence SEO Metadosi.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest