Sûrement, à plus d'une occasion, vous avez entendu parler d'un favicon. Ceci est étroitement lié à la conception Web, et c'est un point important que sur chaque page, que ce soit une boutique en ligne, un blog, un site Web, etc. ils vont vous demander. Mais, Qu'est-ce qu'un favicon? Pourquoi est-ce? Et le plus important de tous, comment cela se fait-il?
Si vous avez beaucoup de doutes à ce sujet, nous allons ici vous donner les clés pour que vous le compreniez et, surtout, pour que vous puissiez le présenter au sein de votre projet et avoir une meilleure présentation. Nous vous assurons!
Qu'est-ce qu'un favicon
Nous allons commencer par expliquer ce qu'est un favicon pour que vous le compreniez. Et, pour cela, rien de mieux que de vous donner un exemple pratique. Imaginez que vous naviguez actuellement (en fait, vous nous lisez). Mais vous n'avez pas qu'un seul onglet, mais plusieurs d'entre eux. Vous avez peut-être remarqué que, dans chacun d'eux, le nom de ce que reflète cette page apparaît, que ce soit YouTube (parce que vous écoutez de la musique de fond), Gmail (parce que votre courrier est ouvert) ou cette page.
A côté de chaque nom, à gauche, une petite image apparaît, dans un carré. Celui sur YouTube et Gmail est sûr d'être identifié par les logos qu'ils ont, mais qu'en est-il du reste des onglets?
Eh bien, ce que vous voyez est en fait le favicon. En d'autres termes, c'est un icône liée à la page que vous visitez, C'est pourquoi il est si important de prêter attention à ce détail, car lorsque vous ajoutez une page aux favoris ou aux raccourcis, le favicon devient "l'image" de cette page et c'est pourquoi vous devez prendre soin de sa conception afin qu'elle est parfaitement lié (et surtout beau pour le distinguer des autres).
Cette petite icône a généralement une taille définie de 16 × 16 pixels (bien qu'elle puisse également être définie sur 32x32px). À l'intérieur, vous devez faire attention à ce que tout ce que vous mettez soit vu correctement car, sinon, cela apparaîtra comme une petite tache identifiable (et cela donnera une très mauvaise image de votre page).
Pourquoi le favicon est-il si important?
Maintenant que vous savez ce qu'est le favicon et que vous l'avez localisé dans les pages que vous ouvrez habituellement, avez-vous remarqué qu'aujourd'hui il manque de moins en moins de pages? En effet, il est vraiment très important de donner une vision d'élégance et de savoir-faire. Autrement dit, vous allez véhiculer une image de marque ou d'entreprise qui se soucie des détails.
Cependant, le favicon a également d'autres utilisations telles que:
- Servir d'identification de votre page. Habituellement, ce favicon est lié au logo que vous avez sur votre site Web, mais dans une taille plus petite. Mais lorsque le logo est trop grand et ne sera pas visible sur le bouton, vous avez tendance à choisir quelque chose qui s'y rapporte.
- Vous aiderez les utilisateurs qui ont enregistré votre page à l'identifier visuellement. Ainsi, même s'ils ne se souviennent pas de l'url, ou du nom de l'entreprise, à cause de l'image du favicon, ils le localiseront.
- Être «bon» avec le référencement. Cela doit être pris avec un grain de sel. Et c'est que le fait d'avoir ou non un favicon n'affectera pas directement le référencement (c'est-à-dire qu'il ne vous positionnera pas mieux ou pire pour l'avoir ou non). Maintenant, il est de plus en plus courant que, lorsqu'un navigateur entre dans une page, il recherche ce favicon et, lorsqu'il ne le trouve pas, il donne une erreur 404. Et vous savez que ces erreurs ne sont pas bonnes pour le référencement d'un page.
Comment faire un favicon
Après avoir vu, il est clair qu'un favicon est un élément essentiel lors de la création d'une page Web. Maintenant, comment en fabrique-t-on un?
Vous devez savoir que, dans la plupart des cas, ce qu'il fait est choisissez le logo de ce site Web, ou s'il est trop grand, quelque chose qui l'identifie. Par exemple, imaginez que vous avez un site Web de télévision que vous avez appelé d'une manière ou d'une autre. Mais cela, dans le favicon, est trop gros. Au lieu de cela, vous pouvez mettre une image d'un téléviseur à raconter. Dans ces cas, il est recommandé de porter les mêmes couleurs que votre site internet pour mieux l'identifier.
Et maintenant, comment pouvons-nous créer un favicon? Eh bien, vous avez plusieurs options:
Photoshop, Gimp ...
En d'autres termes, nous parlons de programmes d'édition d'image car un favicon est créé exactement de la même manière qu'une image. Bien sûr, vous devez l'enregistrer au format .ico pour qu'il soit reconnu comme tel car il ne peut pas être laissé au format jpg, gif ou similaire.
Cette façon de faire vous permet de personnaliser beaucoup mieux le favicon, réussir à le créer à partir de zéro et lui donner la finition que vous souhaitez. Normalement, pour cela, vous travaillez avec une image de taille normale, puis vous l'adaptez à la taille de ce bouton.
Après fait, il doit être téléchargé et testé dans différents navigateurs pour voir s'il a l'air bien, est représentatif et, surtout, est compris.
Utilisation des outils en ligne
Dans ce cas, nous nous référons à des pages Web qui se chargent de convertir n'importe quelle image que vous voulez en favicon en quelques secondes. Mais vous avez également la possibilité de concevez votre favicon directement avec ces pages.
Si vous voulez le premier (téléchargez l'image et convertissez-le), nous vous recommandons Favicon Generator ou Favic-o-matic. Mais si vous voulez ce dernier (concevez-le à partir de zéro), pariez sur favicon.io ou l'éditeur x-icon.
Avec WordPress
Votre page est-elle faite dans WordPress? Et savez-vous que vous pouvez utiliser ce système pour créer votre favicon. Pour cela, vous pouvez utiliser des plugins qui vous permettent de créer ce bouton en fonction d'une image que vous avez téléchargée (ou que vous téléchargez). Aussi à travers "Apparence / Personnaliser" vous pouvez le faire.
Une fois que vous avez fait le favicon, il vous suffit de le mettre sur votre site Web et de le faire reconnaître pour pouvoir l'afficher dans la zone gauche du nom de votre page, ainsi que lors de son enregistrement dans les favoris. De cette façon, ils vous reconnaîtront facilement sans avoir à s'arrêter pour lire si c'est la page qu'ils voulaient vraiment visiter.