Créez votre favicon
Le générateur de favicon gratuit Vivlab fabrique les icônes de votre site à partir d'une image, d'un emoji ou d'une lettre, directement dans votre navigateur.
Personnalisez votre favicon, téléchargez chaque taille, puis copiez le code HTML à coller dans votre page.
Source
Code HTML
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png">
Aperçu
Tout savoir sur le favicon
Qu'est-ce qu'un favicon
Le favicon est la petite icône qui représente votre site. On la retrouve dans l'onglet du navigateur, dans la liste des favoris, dans l'historique et, sur mobile, sur l'écran d'accueil quand un visiteur ajoute votre site en raccourci. C'est un détail, mais il renforce la reconnaissance de votre marque.
Les tailles utiles
Quelques formats couvrent l'essentiel des usages : 16×16 et 32×32 pixels pour l'onglet et les favoris, 180×180 pour l'apple-touch-icon des appareils Apple, et 512×512 pour l'écran d'accueil Android et les applications web. Notre outil génère chaque taille à partir de votre visuel.
Comment l'ajouter
Téléchargez les fichiers, placez-les dans votre site, puis ajoutez les balises fournies dans la partie de vos pages. Chaque balise indique au navigateur quel fichier utiliser pour quelle taille. Le code prêt à coller est généré automatiquement dans l'outil.
Notre conseil
Restez simple et carré : à 16 pixels, un logo détaillé devient illisible. Préférez un symbole épuré, une initiale ou un pictogramme bien contrasté, qui reste reconnaissable même tout petit.