Générateur de favicon et d'icônes d'app (PNG, ICO, manifest)
Transforme une image ou une ou deux lettres en un jeu complet de favicons et d'icônes d'application de 16 à 512 px, avec ICO, apple-touch-icon et un extrait de manifest, enregistré en zip. Rien ne quitte votre navigateur
Chargement de l’outil…
Crée un jeu complet de favicons et d'icônes d'application à partir d'un logo ou d'une ou deux lettres : toutes les tailles de 16 à 512 px, un favicon.ico, un apple-touch-icon et un manifest en un seul téléchargement, pour un nouveau site ou une application ajoutée à l'écran d'accueil.
Mode d’emploi
- Sous « Créer à partir de », choisissez « Lettres » ou « Image ». Saisissez un ou deux caractères dans « Lettres », ou déposez un fichier image ou appuyez sur « Charger un exemple ».
- Réglez « Forme du fond », « Couleur de fond » et « Marge intérieure » ; l'aperçu se met à jour aussitôt. Les images acceptent aussi « Fond transparent ».
- « Nom de l'application ou du site » et « Nom court » sont écrits dans site.webmanifest. Pour Android, activez « Créer aussi des icônes maskable ».
- Appuyez sur « Enregistrer en zip », envoyez les fichiers à la racine du site, puis copiez l'« Extrait pour le head HTML » dans l'élément head.
Fonctionnement
- Un original de 512 px est dessiné d'abord, puis réduit de moitié par étapes jusqu'aux PNG de 16, 32, 48, 180, 192 et 512 px, pour que les traits fins restent nets en petite taille.
- favicon.ico contient les PNG de 16, 32 et 48 px dans le conteneur ICO ; les navigateurs actuels lisent directement les données PNG d'un ICO.
- Une icône maskable garde son contenu dans la zone sûre centrale de 80 %, afin qu'Android puisse la rogner en cercle ou en carré arrondi sans rien couper.
- Les images et le texte sont traités uniquement dans ce navigateur et jamais envoyés. Les réglages restent dans ce navigateur pour la prochaine visite.
Questions fréquentes
- Quelle taille doit avoir un favicon ?
- Les onglets du navigateur utilisent 16 et 32 px, les raccourcis 48 px, l'écran d'accueil de l'iPhone 180 px, et les installations Android ou PWA 192 et 512 px. Cette page crée les six d'un coup.
- Ai-je encore besoin d'un fichier .ico ?
- Il aide les anciens navigateurs et les clients qui demandent /favicon.ico automatiquement. Des liens PNG sont aussi inclus, donc les navigateurs actuels préfèrent les fichiers PNG.
- Quelle police est utilisée pour les icônes à lettres ?
- Une police système installée sur votre appareil, dans la famille choisie. Un autre appareil peut dessiner la même famille avec une police différente.
- L'icône peut-elle avoir un fond transparent ?
- Oui pour les images : activez « Fond transparent » et le fond du PNG reste vide. Les icônes à lettres ont toujours une couleur de fond.