Comment utiliser Générateur de favicon
- 1
Choisir une source
Importez un logo ou une image de 25 Mo maximum, saisissez une à trois lettres dans l’une des 11 polices, ou choisissez un emoji.
- 2
Concevoir l’icône
Choisissez parmi 12 options de forme, de l’absence de forme ou du carré simple au cookie ou au trèfle, puis réglez la couleur d’arrière-plan ou la transparence, la marge intérieure et le rayon des coins.
- 3
Vérifier chaque taille
Visualisez l’icône de 16 à 192 pixels, dans des onglets de navigateur clairs et sombres, ainsi que dans la zone de sécurité masquable d’Android.
- 4
Télécharger et installer
Enregistrez favicon.zip, décompressez-le dans le dossier de votre site et collez le code HTML généré dans l’en-tête de la page.
Limites et Pro
Jeux d’icônes illimités à partir d’un texte ou d’un emoji ; images sources jusqu’à 25 Mo, une à la fois. Chaque jeu contient 10 fichiers.
Pro porte la limite d’importation des logos à 4 Go. Découvrir Pro
À propos de Générateur de favicon
Le générateur de favicon crée à partir d’un seul visuel l’ensemble complet d’icônes dont un site web moderne a besoin. Le ZIP contient un favicon.ico avec des images de 16, 32 et 48 pixels, des PNG distincts de 16, 32 et 48 pixels, une apple-touch-icon de 180 pixels à fond opaque (iOS ajoute ses propres coins arrondis), des icônes Android Chrome de 192 et 512 pixels, une icône masquable de 512 pixels dont le contenu reste dans la zone de sécurité de 80 %, un fichier site.webmanifest avec le nom de l’application, le nom court et la couleur du thème, ainsi qu’un extrait HTML prêt à coller avec les balises link et theme-color. Tous les PNG sont optimisés sans perte.
Les images importées sont réduites avec un filtre de Lanczos : un grand logo reste net même à 16 pixels, et un logo SVG est d’abord dessiné à 1 024 pixels. Les icônes de texte utilisent la police choisie et les emoji la police Noto Color Emoji, si bien que le résultat est identique sur tous les systèmes. Si vos icônes ne se trouvent pas à la racine du site, saisissez le dossier, par exemple /icons/, et les chemins de l’extrait et du manifeste s’adaptent.
Cas d’usage courants : un nouveau site ou blog, une application web que l’on installe sur l’écran d’accueil, un tableau de bord interne qui doit se repérer parmi les onglets, ou une icône provisoire pour un projet personnel. Les détails fins et les mots longs disparaissent à 16 pixels : privilégiez des formes simples et une ou deux lettres. L’outil n’héberge pas les fichiers et ne modifie pas votre site ; c’est à vous de les mettre en ligne.
Confidentialité
Les icônes sont dessinées sur des canvas dans cet onglet et encodées par le codec PNG WebAssembly du site dans un Web Worker : un logo importé ne quitte donc jamais votre appareil. Si vous choisissez une police Google ou la source Emoji, le navigateur télécharge cette police depuis Google Fonts dès que vous commencez à modifier ; la requête indique la police, jamais votre texte, et rien n’est récupéré au chargement de la page.
Fonctionnalités
Jeu d’icônes complet
ICO, PNG de plusieurs tailles, Apple touch icon, icônes Android et masquables, et manifeste web dans un seul ZIP.
Image, texte ou emoji
Utilisez votre logo, une à trois lettres dans 11 polices, ou n’importe quel emoji comme source.
Des formes expressives
Carré, arrondi, cercle et huit formes Material, avec réglage de la marge intérieure et du rayon des coins.
HTML prêt à coller
Les balises link, la couleur du thème et les chemins du manifeste sont générés pour le dossier que vous choisissez.