N'oubliez pas votre favicon !

Outre son côté décoratif, la favicon permet de retrouver facilement votre site lorsqu'il y a beaucoup d'onglets ouverts dans le navigateur.

Il ne faut pas plus de 5 minutes pour créer une favicon et l'installer dans votre site Jimdo : ne manquez pas cette opportunité de sortir du lot !

Qu'est-ce qu'une favicon ?

Une favicon est une petite image carrée (16 x16 pixels) qui s'affiche dans les onglets de votre navigateur. Elle a un format particulier (.ICO).

Sélectionner l'image de base

En général, on partira d'une image carrée, votre logo ou pictogramme (partie visuelle du logo). Mais on peut également utiliser une image emblématique (ex : pièce de puzzle pour Puzzle Passion) ou même votre photo comme favicon.

Critères pour qu'une image génère une bonne favicon :

  • Image simple
  • Image bien contrastée
  • Image qui remplit bien l'espace
  • Eviter les textes (illisibles en petit)
  • Eviter les traits trop fins 

Très bonne image pour créer une favicon

Trop de blanc et traits trop fins pour une favicon

La typographie sera illisible dans la favicon

La photo sera méconnaissable en favicon


Générer une favicon

En général, j'utilise le générateur en ligne http://favicon-generator.org/, qui accepte des fichiers carrés de format JPG, PNG ou GIF.


Une fois limage créée, on télécharge son fichier, qui est toujours nommé favicon.ico et qui mesure 16x16 pixels (ou 32x32 pixels).

Installer une favicon sur son site Jimdo

Dans les paramètres, cliquer sur le bouton "Favicon" du menu "Site Internet". On télécharge la favicon... et le tour est joué !

Installer une favicon sur un autre site

Vous n'utilisez pas Jimdo ? L'insertion de la favicon est possible, en ajoutant la ligne de code suivante dans le "head" de chacune de vos pages.


<link rel="icon" href="images/favicon.ico" />


Bien entendu, la favicon devra se nommer favicon.ico et être mise dans le répertoire /images de votre site !

A vous de jouer !

Alors, vous êtes convaincu de l'utilité et de la facilité de mettre une favicon sur votre site ? Si vous avez réussi, envoyez le lien de votre site en commentaire !

Partager cet article

Cet article vous a été utile ? N'hésitez pas à le partager !

Related Posts Plugin for WordPress, Blogger...