Quelles tailles de favicon sont nécessaires ?

16x16 (onglet), 32x32 (favoris), 180x180 (Apple Touch), 192x192 et 512x512 (PWA). Notre outil crée toutes les tailles.

⭐ Générateur de Favicon

Créez un favicon depuis du texte, un emoji ou une image. Export ICO, PNG multi-tailles et SVG.

Texte ou Emoji (max 3 caractères) Couleur du texte

#ffffff

Graisse

Couleur de fond

#3b82f6

Arrondi : 20% Tailles d'export PNG

Aperçu

Générateur de favicon en ligne

Un favicon est la petite icône qui apparaît dans l'onglet de votre navigateur et dans les favoris. Créez le vôtre en quelques clics : tapez du texte ou un emoji, choisissez les couleurs et l'arrondi, puis téléchargez en ICO (compatible tous navigateurs), PNG (multi-tailles) ou SVG (vectoriel). Placez le fichier favicon.ico à la racine de votre site.

Favicon : créer l'icône de votre site

Formats, tailles et bonnes pratiques pour une favicon nette partout.

1. Qu'est-ce qu'une favicon ?

La favicon (de favorite icon) est la petite icône qui représente votre site dans l'onglet du navigateur, les favoris, l'historique et l'écran d'accueil mobile. C'est un détail d'identité visuelle qui renforce la reconnaissance de votre marque et la crédibilité de votre site. Un site sans favicon affiche une icône grise générique qui fait amateur.

2. Les tailles et formats à fournir

Une favicon moderne ne se résume pas à un seul fichier. Pour s'afficher nettement partout, il faut plusieurs déclinaisons :

Usage	Taille
Onglet navigateur	16×16, 32×32
Apple Touch (iOS)	180×180
Android / PWA	192×192, 512×512

3. Conseils de conception

À 16 pixels, le moindre détail disparaît. Privilégiez un symbole simple, un contraste fort et un fond plein. Évitez le texte (illisible à cette taille) au profit d'une initiale ou d'un pictogramme. Pour préparer votre logo source, notre redimensionneur d'image et notre convertisseur de couleurs peuvent vous être utiles.

Questions fréquentes

PNG, ICO ou SVG : quel format pour une favicon ?

Le PNG est le plus simple et largement supporté. Le format .ico historique peut contenir plusieurs tailles dans un seul fichier. Le SVG, vectoriel, reste net à toute taille et est de plus en plus pris en charge. Fournir plusieurs formats garantit la compatibilité maximale.

Pourquoi ma favicon ne s'affiche pas ?

Le plus souvent à cause du cache du navigateur, très agressif sur les favicons. Videz le cache ou testez en navigation privée. Vérifiez aussi que les balises <link rel="icon"> pointent vers les bons chemins.

Faut-il une version pour mobile ?

Oui, si vous voulez une belle icône lorsque l'utilisateur ajoute votre site à son écran d'accueil. Les fichiers apple-touch-icon (180×180) et les icônes 192/512 px pour Android sont recommandés, en plus de la favicon classique.

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

Non, la génération des différentes tailles se fait dans votre navigateur. Votre logo n'est pas téléversé en ligne.

⭐ Mes favoris