Où dois-je placer les fichiers ?

À la racine de votre site : /public/ dans Next.js, /htdocs/ dans Apache, /var/www/html/ dans Nginx, ou la racine de n'importe quel hébergeur statique. Les navigateurs demandent /favicon.ico automatiquement.

Pourquoi ai-je besoin d'autant de tailles ?

Chaque plateforme utilise des tailles différentes. 16×16 et 32×32 sont les onglets du navigateur et les favoris. 180×180 est l'écran d'accueil iOS. 192×192 et 512×512 sont l'écran d'accueil Android et les écrans de démarrage PWA. Les inclure toutes garantit une icône nette partout.

Dois-je utiliser un favicon ICO ou PNG ?

Les deux. Les navigateurs modernes préfèrent SVG ou PNG, les navigateurs anciens et Windows ne lisent que .ico. La meilleure pratique est de déclarer les deux : un .ico multi-taille à /favicon.ico et un PNG via .

Mon image est-elle envoyée à un serveur ?

Non. Tout se passe instantanément. Votre image ne quitte jamais votre appareil.

Avec quelle taille d'image dois-je commencer ?

Les images carrées fonctionnent mieux. Minimum 512×512 pour des grandes icônes nettes ; 1024×1024 ou SVG est idéal. Les images non carrées sont centrées et complétées automatiquement, mais les carrées remplissent le cadre.

Puis-je ajouter une marge ou une couleur de fond ?

Oui. Le curseur de marge ajoute 0 à 25% d'espace autour de l'icône. Le sélecteur de fond vous permet de définir n'importe quelle couleur unie, ou de garder la transparence (qui fonctionne pour PNG et ICO).

Pourquoi mon ancien favicon s'affiche-t-il toujours ?

Les navigateurs mettent en cache les favicons de manière agressive — parfois pendant des semaines. Forcez le rechargement (Ctrl+Shift+R / Cmd+Shift+R), puis visitez la même URL dans une fenêtre privée pour confirmer. Forcer un rechargement avec une chaîne de requête comme /favicon.ico?v=2 fonctionne aussi.

Ad Slot — Header Banner

Générateur de Pack Favicon Complet

Générateur de Favicon — N'importe Quelle Image en Pack Complet

Déposez un logo ou une image et obtenez un pack favicon complet : .ico multi-résolution, PNG pour navigateur, icône Apple Touch, icônes Android Chrome et un extrait HTML prêt à coller — tout généré instantanément. Sans inscription, sans envoi, sans filigrane.

#ICO#PNG#Apple Touch#Android#Manifeste Web#Gratuit

Déposez une image ou cliquez pour parcourir

PNG, JPG, WebP, SVG, HEIC, TIFF · Les images carrées fonctionnent mieux · 512×512+ recommandé

Ad Slot — Below the Fold

Comment créer un favicon en 3 étapes

N'importe quelle image en entrée, pack favicon complet en sortie.

Téléchargez votre image

Déposez un logo ou une icône — les PNG carrés de 512×512 ou plus donnent les résultats les plus nets. SVG et HEIC fonctionnent aussi.

Choisissez un préréglage et ajustez

Choisissez Minimal, Standard ou Complet. Ajustez la marge autour de l'icône, définissez une couleur de fond ou gardez la transparence.

Téléchargez le pack

Cliquez sur Générer. Prévisualisez à quoi ressemble votre favicon dans les onglets du navigateur, sur les écrans d'accueil iOS et sur Android. Téléchargez tout en ZIP avec un extrait HTML prêt à coller et un manifeste web.

Questions Fréquentes

Un pack complet : favicon.ico (multi-résolution, jusqu'à 256×256), des PNG individuels de 16×16 à 512×512, un apple-touch-icon.png (180×180), des icônes Android Chrome (192×192 et 512×512), un site.webmanifest, un snippet.html avec les balises <link> exactes à coller dans votre <head>, et un README expliquant l'installation.

À propos du Générateur de Favicon

Everything you need to know

Qu'est-ce qu'un favicon ?

Un favicon est la petite icône affichée dans les onglets du navigateur, les favoris et les écrans d'accueil mobiles. Les plateformes modernes attendent plusieurs tailles et formats : un .ico multi-résolution pour les navigateurs anciens et les tuiles Windows, des PNG pour Android et PWA, une icône Apple Touch pour iOS, et éventuellement un SVG pour un rendu net à n'importe quelle échelle. Ce générateur produit tout cela à partir d'une seule image source.

Meilleures pratiques pour le design d'un favicon

Commencez avec une image carrée de 512×512 ou plus — les SVG sont idéaux. Gardez le design simple ; les icônes sont généralement affichées à 16×16 ou 32×32 pixels, donc les détails fins disparaissent. Utilisez un fort contraste ; testez sur les thèmes de navigateur clairs et sombres. Si votre logo est horizontal, générez une alternative carrée juste pour le favicon. Ajoutez 8–15% de marge autour de l'icône pour qu'elle ne touche pas le bord de l'onglet.

Le pack favicon complet pour 2025

Pour les projets web modernes, générez : favicon.ico (multi-taille, 16–48), favicon-16x16.png et favicon-32x32.png (onglets du navigateur), apple-touch-icon.png à 180×180 (écran d'accueil iOS, sans transparence), android-chrome-192x192.png et android-chrome-512x512.png (écran d'accueil Android et splash PWA), un site.webmanifest liant les icônes Android, et éventuellement favicon.svg pour le rendu vectoriel. Le préréglage Complet génère tout cela d'un coup.

Confidentialité, cache et dépannage

Comme tout s'exécute sur votre appareil, votre image source ne quitte jamais votre navigateur — idéal pour les logos privés et les marques non publiées. Une fois que vous téléchargez les fichiers générés, les navigateurs les mettent fortement en cache ; lors d'une mise à jour, forcez le rechargement de votre navigateur et vérifiez en navigation privée. Certains CDN (Cloudflare, Fastly) mettent en cache favicon.ico séparément — purgez-les après remplacement. Si votre favicon ne se met toujours pas à jour, vérifiez que le fichier est bien à la racine du site et renvoie 200 OK lorsqu'il est demandé directement.