Générateur de favicon : ICO, PNG et manifeste
Depuis une image ou un simple texte. Tout est généré dans votre navigateur.
Glissez-déposez ou cliquez pour choisir
PNG, JPG, SVG, WebP — min 512×512 px
Comment créer un favicon
Partez d'une image ou d'un texte
Importez un logo carré (PNG, JPG, SVG ou WebP), ou composez une icône à partir d'une lettre ou d'un émoji : police, couleurs et forme du fond se règlent à l'écran.
Choisissez les plateformes
Navigateurs, Apple, Android, Windows : ne gardez que celles qui vous concernent. L'aperçu montre le rendu à chaque taille.
Téléchargez le pack et collez le code
Le ZIP contient favicon.ico, les PNG, site.webmanifest et browserconfig.xml. Déposez-les à la racine du site et collez les balises fournies dans le <head>.
Dans quels cas s'en servir
Mettre un site en ligne
Un seul import donne toutes les tailles attendues par les navigateurs, iOS, Android et Windows, avec le code à coller.
Un projet sans logo
Une lettre sur un fond coloré suffit pour un prototype, un outil interne ou un blog. Six formes de fond et cinq polices sont proposées.
Convertir un PNG en ICO
Le fichier favicon.ico généré regroupe les tailles 16, 32 et 48 px dans un seul fichier, comme l'attendent les anciens navigateurs et Windows.
Une application web installable
Les icônes 192 et 512 px et le fichier site.webmanifest sont ceux que demande Android pour l'ajout à l'écran d'accueil.
Ce que contient le pack
- favicon.ico : un fichier unique contenant les tailles 16×16, 32×32 et 48×48.
- PNG pour navigateurs de 16 à 228 px, Apple Touch Icon de 57 à 180 px, icônes Android de 36 à 512 px, tuiles Windows de 70 à 310 px.
- site.webmanifest (nom, couleur de thème, icônes 192 et 512) et browserconfig.xml pour les tuiles Windows.
- Partez d'une image carrée d'au moins 512 px : une source plus petite sera agrandie et paraîtra floue sur les grandes icônes.
- À 16 px, les détails fins disparaissent : un symbole simple et contrasté reste lisible, un logo avec du texte ne l'est plus.
- Tout est généré dans votre navigateur. Aucune image n'est envoyée : cet outil n'a pas de mode serveur.
Questions fréquentes
Quelles tailles de favicon faut-il vraiment ?
Le minimum utile : favicon.ico (16, 32, 48), un PNG 32×32, l'Apple Touch Icon 180×180 et les icônes 192 et 512 du manifeste. Les autres tailles couvrent des appareils plus anciens ; vous pouvez décocher les plateformes qui ne vous concernent pas.
Où placer les fichiers ?
À la racine du site, là où se trouve la page d'accueil, puisque les navigateurs cherchent /favicon.ico par défaut. Collez ensuite les balises fournies dans le <head> de vos pages.
Mon nouveau favicon ne s'affiche pas, pourquoi ?
Les navigateurs gardent les favicons en cache très longtemps. Ouvrez directement l'adresse /favicon.ico et rechargez-la, ou testez dans une fenêtre de navigation privée.
Mon logo a un fond : comment obtenir un favicon propre ?
Retirez d'abord le fond avec l'outil de suppression d'arrière-plan, exportez en PNG transparent, puis importez ce fichier ici.