Générateur de favicon

Créez favicon.ico, apple-touch-icon et les icônes PWA à partir d’une seule image.

Glissez-déposez une image ici
ou cliquez pour choisir des fichiers — le collage depuis le presse-papiers fonctionne aussi

Un jeu de favicons complet mobilise une demi-douzaine de fichiers : le classique favicon.ico, l’apple-touch-icon 180×180 pour les écrans d’accueil iOS, et les icônes 192 et 512 pixels qu’Android et les manifestes PWA attendent. Les fabriquer à la main dans un éditeur est fastidieux et source d’erreurs.

Ce générateur prend une seule image carrée et produit tout le jeu en un clic — y compris un vrai fichier .ico multi-tailles construit directement dans votre navigateur. Vous recevez aussi un extrait HTML <head> prêt à coller qui déclare chaque icône : l’intégration dans votre site prend quelques secondes.

Pour de meilleurs résultats, partez d’une image carrée d’au moins 512×512, avec une forme simple et très contrastée. Les logos et lettrines fonctionnent très bien ; les photos détaillées deviennent de la bouillie à 16 pixels.

Mode d’emploi

  1. Envoyez une image carrée (512×512 ou plus recommandé).
  2. Vérifiez les aperçus en direct de chaque taille générée.
  3. Téléchargez tous les fichiers en ZIP, favicon.ico inclus.
  4. Collez l’extrait <head> fourni dans votre site et déposez les fichiers à sa racine.

Pourquoi cet outil ?

Questions fréquentes

Faut-il vraiment favicon.ico en 2026 ?
Les navigateurs modernes utilisent volontiers les icônes PNG déclarées dans le HTML, mais favicon.ico reste le repli que navigateurs, lecteurs de flux et outils demandent par défaut sur /favicon.ico. En fournir un petit évite une pluie de 404 dans vos journaux serveur.
Mon image n’est pas carrée — que se passe-t-il ?
Elle est centrée sur un canevas carré. Vous pouvez choisir une couleur de fond pour combler les bandes vides, ou conserver la transparence avec les formats qui la gèrent.
Où placer les fichiers sur mon site ?
À la racine du site (ou dans le répertoire déclaré dans l’extrait head), avec les balises HTML fournies. Les navigateurs choisissent alors automatiquement la bonne icône pour onglets, favoris et écrans d’accueil.
Pourquoi mon logo détaillé est-il flou en 16px ?
Seize pixels, c’est environ 256 points au total — le détail ne peut physiquement pas survivre. Dessinez une marque simplifiée pour le favicon : formes franches, traits épais, fort contraste.