Générateur de favicon en ligne : Crée .ico et icônes d'app

Convertis ton identité visuelle en icône parfaite pour les navigateurs, iPhone et Android. Rapide, gratuit et 100% privé.

100% Privé

iOS et Android

Qualité Retina

Génération instantanée

Étapes

Comment créer le favicon parfait

Standard W3C pour une compatibilité maximale.

Importe ton logo

Glisse-dépose ton image (PNG, JPG ou SVG). Nous recommandons 512x512px pour une netteté maximale.

Traitement automatique

Notre moteur redimensionne et optimise ton icône pour 12 formats différents (Web, iOS, Android).

Télécharge le kit

Télécharge le fichier .ico unique ou le pack ZIP complet avec tous les assets et le code HTML nécessaire.

Plus qu'un simple fichier .ico

Nous couvrons tous les appareils modernes.

.ico multi-résolution

Nous générons un vrai conteneur ICO avec des couches 16px, 32px et 48px pour le bureau.

Apple Touch Icons

Icônes spécifiques quand les utilisateurs ajoutent ton site à l'écran d'accueil sur iPhone ou iPad.

Android Chrome

Icônes adaptatives 192px et 512px pour les appareils Android et les PWA (Progressive Web Apps).

Confidentialité totale

Le générateur tourne dans ton navigateur. Ton logo d'entreprise n'est jamais uploadé sur nos serveurs.

Support SVG

Si tu importes un SVG, nous rendons des vecteurs parfaits à chaque taille sans pixellisation.

Snippets HTML

Nous fournissons le code `` exact à copier-coller dans le `` de ton site.

Ingénierie d'icônes web

Pourquoi tu as besoin de plus qu'un simple PNG.

L'importance du .ico

Bien que les navigateurs modernes supportent le PNG, le fichier favicon.ico reste le roi de la compatibilité. C'est le seul format qui peut contenir plusieurs tailles dans un seul fichier, permettant à Windows d'utiliser la version 16px dans la barre des tâches et la version 32px sur le bureau, évitant le flou.

Compatibilité descendante garantie.

Confidentialité de marque : Dune Safe™

Ton logo est ton actif le plus précieux. Beaucoup de générateurs en ligne stockent les logos uploadés. DuneTools ne le fait pas. Nous utilisons l'API Canvas pour traiter les images dans ta RAM. Tu peux générer des icônes pour des projets confidentiels en toute tranquillité.

Ta marque ne quitte jamais ta machine.

Icônes mobiles (Touch Icons)

Aujourd'hui, beaucoup d'utilisateurs sauvegardent les sites comme des apps. Si tu ne définis pas d'apple-touch-icon, iOS utilisera une capture d'écran de ton site, ce qui rend mal. Notre générateur crée cet asset critique pour que ta marque ait l'air professionnelle sur l'écran d'accueil.

Essentiel pour une expérience mobile premium.

Favicons en mode sombre

Si ton logo est sombre et que ton visiteur utilise le mode sombre, ton favicon disparaît dans la barre d'onglets. La solution est avec une variante claire séparée. Nous générons les deux variantes si tu importes un logo avec fond transparent, sans hack SVG manuel requis. Lis notre guide favicon ICO pour le snippet complet à coller dans .

Un favicon pour le mode clair, un autre pour le sombre, automatique.

PWA et Web Manifest

Si tu livres une Progressive Web App, le site.webmanifest n'est pas négociable. Il définit icons[], theme_color, background_color et le mode display qui décident comment la bannière d'installation et le lancement depuis l'écran d'accueil se comportent. Nous générons un manifest de départ avec les bons PNG 192px et 512px, à toi d'ajuster name, start_url et le thème selon ton goût.

Manifest + icônes 192/512 = PWA prête à installer.

Comparatif des formats

Choisis le format adapté à ton usage

Plateforme	Nom de fichier	Usage principal
Standard web	favicon.ico	Onglets navigateur	Bureau (PC/Mac)
iOS (iPhone/iPad)	apple-touch-icon.png	Écran d'accueil	Sauvegarder comme app
Android / PWA	android-chrome-192.png	Tiroir d'apps	Chrome Android
Tuiles Windows	mstile-150x150.png	Menu Démarrer	UI Windows 10/11

FAQ Favicon

Réponses rapides sur l'outil

Quelle image dois-je importer pour les meilleurs résultats ?

Nous recommandons une image carrée d'au moins 512x512 pixels. Si c'est un logo, assure-toi qu'il a un fond transparent (PNG) pour qu'il s'intègre bien avec les navigateurs en mode sombre.

Pourquoi ai-je besoin d'un fichier .ico si j'utilise PNG ?

Le fichier .ico est un standard hérité qui assure que ton icône a l'air bien à des endroits étranges, comme les vieux marque-pages Internet Explorer ou les raccourcis bureau Windows, qui ignorent souvent les PNG.

Comment installer le favicon sur mon site ?

Télécharge le ZIP, dézippe-le à la racine de ton site via FTP, et copie le code HTML que nous fournissons dans la balise de tes pages HTML.

Est-ce gratuit pour usage commercial ?

Oui, totalement. Tu peux générer des icônes pour des sites client, projets d'entreprise ou boutiques en ligne sans coût et sans attribution.

Est-ce que ça supporte la transparence ?

Oui. Nos générateurs .ico et PNG respectent le canal alpha (transparence). Si tu importes un PNG sans fond, ton favicon n'aura pas de fond non plus.

Mon logo va-t-il être déformé s'il n'est pas carré ?

Notre outil essaiera de le centrer ou l'ajuster, mais idéalement, tu devrais recadrer ton image au format 1:1 (carré) avant l'import pour avoir un contrôle total sur le cadrage. Tu peux utiliser notre outil Recadrer image d'abord.

Génère-t-il le fichier site.webmanifest ?

Oui, le téléchargement ZIP inclut un fichier site.webmanifest basique configuré pour Android Chrome, qui est essentiel pour que ton site soit installable comme PWA.

Ça marche hors ligne ?

Exactement. C'est un outil côté client. Une fois chargé, il n'a pas besoin d'envoyer de données à un serveur, donc tu peux l'utiliser hors ligne ou dans des environnements intranet sécurisés.

Dois-je utiliser SVG ou PNG en entrée ?

SVG est le standard de référence, il s'adapte à toutes les tailles sans pixellisation. Si tu n'as qu'un logo en PNG, importe en 512×512 px ou plus ; les entrées plus petites deviennent visiblement floues aux tailles 192px ou 512px PWA. Évite les entrées JPG pour les logos, les artefacts de compression JPG sont amplifiés aux petites tailles.

Pourquoi mon nouveau favicon ne s'affiche-t-il pas ?

Trois causes habituelles : (1) Cache navigateur, force le rechargement avec Ctrl+Shift+R, ou ouvre en navigation privée. (2) Mauvais chemin, vérifie que résout vers ton fichier (vérifie l'onglet Network DevTools, statut 200). (3) Cache CDN, Cloudflare et similaires peuvent garder l'ancienne icône pendant des heures ; purge le cache pour /favicon.ico et /apple-touch-icon.png.

Comment faire un favicon depuis un logo de site ?

Exporte ton logo en SVG carré ou PNG 512×512 avec fond transparent. Dépose-le dans le générateur. L'outil produit chaque taille requise (16, 32, 48 dans le .ICO + 180 pour Apple + 192/512 pour Android) en un seul ZIP. Pour des logos non carrés, utilise Recadrer image d'abord pour faire une version 1:1.