Guide

Les tailles de favicon expliquées

Navigateurs, systèmes d'exploitation et invites d'installation demandent chacun une résolution de favicon différente. Ce guide associe chaque taille courante à sa surface d'affichage pour que vous sachiez exactement quoi générer à partir d'une image source unique.

Vérifiez les favicons de n'importe quel site

Installez l'extension Chrome FetchFavicon pour extraire, prévisualiser et valider les favicons instantanément.

Installer l'extension Chrome

16×16 et 32×32 servent les onglets et les favoris du navigateur sur les écrans standard et Retina (2×). Ils ont leur place dans favicon.ico et éventuellement en tant que PNG indépendants.

48×48 et 64×64 couvrent l'Explorateur Windows, l'épinglage dans la barre des tâches et certaines vignettes de résultats de recherche.

128×128 et 256×256 sont utilisés dans les fichiers .ico multi-tailles et l'interface haute densité de Windows.

180×180 est l'apple-touch-icon pour l'écran d'accueil iOS. 192×192 et 512×512 sont exigés par Android et l'interface d'installation des PWA Chromium.

Comment ça marche

  1. 1

    Choisir une source carrée

    PNG de 512×512 ou SVG avec un viewBox carré.

  2. 2

    Exporter le jeu complet

    Utilisez notre générateur de favicon pour obtenir le .ico, l'apple-touch-icon et les PNG du manifest.

  3. 3

    Déclarer chaque taille

    Copiez les balises <link> prêtes à coller depuis le README du package ou le guide du générateur HTML.

Essayez maintenant

Générer toutes les tailles de favicon

Générateur de Favicon

FAQ

Combien de tailles de favicon ai-je réellement besoin ?+

Minimum : un .ico multi-tailles (16/32/48) + un apple-touch-icon de 180. Recommandé : ajoutez 192 et 512 pour les PWA.

Une seule image peut-elle couvrir toutes les tailles ?+

Oui — partez d'un fichier 512×512 ou SVG et exportez chaque taille automatiquement. N'agrandissez jamais un petit logo.

Quelle taille compte le plus pour le SEO ?+

Google utilise au minimum 48×48 dans les résultats de recherche. Intégrez le 48 dans votre .ico et en tant que PNG indépendant.

Outils associés

Plus de guides

Guides