La favicon : Le jargon du web

Une favicon, c’est quoi ?

🔾 La favicon est, par dĂ©finition, l’assemblage de deux termes anglais : « fav » pour favori et « icon » pour icĂŽne. Cela nous donne l’icĂŽne des favoris.
Elle dĂ©finie l’identitĂ© d’un site dans l’onglet du navigateur web. TrĂšs gĂ©nĂ©ralement, la favicon reprends le logo du site ou une version simplifiĂ©e de celui-ci avec un format carrĂ© !

L’utilitĂ© d’avoir une favicon ?

Il va permettre d’identifier plus simplement et plus visuellement le site par le logo en miniature. Le visiteur sera plus attirer par un logo que par des mots c’est pourquoi avoir un site sans favicon est un lĂ©ger risque d’avoir moins de visiteurs. Le visiteur retrouve aussi la favicon dans sa barre de favoris oĂč il identifiera plus rapidement le site sur lequel il souhaite naviguer.

đŸ€” Note : Google affiche les favicons sur son moteur de recherche version mobile. Il est donc d’autant plus important d’avoir la favicon en ligne !

La crĂ©ation d’une favicon, oui…mais quelles dimensions ?

GĂ©nĂ©ralement, les navigateurs affichent les favicon en 16×16, 32×32 px.
Attention ! L’idĂ©al est tout de mĂȘme de la crĂ©er avec un format plus grand. Apple recommande que la dimension soit de 180×180 px. NĂ©anmoins, WordPress conseille des dimensions minimum de 512×512 px.
Maintenant que tu connais les dimensions, nous allons voir comment crĂ©er cette fameuse favicon et comment l’intĂ©grer Ă  ton site.

Voici une liste d’outils pour crĂ©er ta favicon :

Photoshop : l’outil professionnel de crĂ©ation et de retouche photos. (Payant)
Canva : c’est simplement Photoshop mais en version gratuite 🙂
Gravit Designer : outil de création graphique (Version gratuite)

L’intĂ©gration Ă  un site est trĂšs simple ! Si tu as un site dĂ©veloppĂ© en HTML, il suffit d’ajouter l’image dans la base de donnĂ©es puis d’ajouter une ligne de code en remplaçant « logo.png » par le chemin d’accĂšs :

 <link rel="icon" type="image/png" href="logo.png" /> 

Sur WordPress, il suffit de se connecter sur ton panneau d’administration ➡ Apparence ➡ Personnaliser puis choisir IdentitĂ© du site, dans le nouveau menu qui vient de s’ouvrir. Par la suite, tu pourras ajouter la favicon !

La mise en place d’une favicon lors de la crĂ©ation de votre site internet fait partie du mĂ©tier de MicroSystem. Vous ĂȘtes intĂ©ressĂ© ? N’hĂ©sitez pas Ă  nous contacter par tĂ©l. 04 76 06 35 33 ou bien Ă  l’adresse mail suivante : contact@microsystem.fr

Rédacteur web chez MicroSystem depuis 2019. DiplÎmé d'un Master en Journalisme et communication.
Posts created 111

Articles similaires

Commencez à saisir votre recherche ci-dessus et pressez Entrée pour rechercher. ESC pour annuler.

Retour en haut