• octobre

    8

    2019
  • 140
LE JARGON DU WEB : La favicon

LE JARGON DU WEB : La favicon

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

© Copyright 2015 - MicroSystem