Guide

Meilleure taille de favicon en 2026

Il n'existe pas une seule meilleure taille de favicon — il existe un jeu optimal. Différentes surfaces demandent différentes résolutions, et un package favicon complet les couvre toutes à partir d'une image source unique.

16×16 et 32×32 couvrent les onglets et les favoris du navigateur sur les écrans standard et haute densité. Ils vont dans favicon.ico et en tant que PNG indépendants.

48×48 correspond à la taille « icône moyenne » de l'Explorateur Windows et à une taille courante de vignette dans les résultats de recherche. Intégrez-le toujours.

180×180 est l'apple-touch-icon d'Apple — indispensable pour un ajout propre sur l'écran d'accueil iOS.

192×192 et 512×512 sont les tailles du manifest PWA utilisées par Android, Chromium et l'invite d'installation.

Comment ça marche

  1. 1

    Partir d'une source carrée de 512×512+

    PNG ou SVG avec un viewBox carré.

  2. 2

    Générer le package

    Nous produisons favicon.ico (16/32/48), un apple-touch-icon de 180, les PNG android-chrome 192/512 et le webmanifest.

  3. 3

    Déployer à la racine du site

    Placez le tout dans /public ou /app et copiez les balises <link> depuis le fichier README.txt.

Essayez maintenant

Générer toutes les tailles de favicon d'un coup

Générateur de Favicon

FAQ

Quelle est la taille de favicon la plus importante ?+

32×32 — c'est la taille que les navigateurs demandent le plus souvent pour les onglets sur écrans standard. Incluez-la dans le .ico et en tant que PNG séparé.

Ai-je vraiment besoin d'une icône 512×512 ?+

Oui, pour l'invite d'installation PWA et l'écran d'accueil Android. Sans elle, Android affiche une icône de navigateur générique.

Puis-je charger une grande image et laisser l'outil redimensionner ?+

C'est la procédure recommandée. Partez d'un fichier 512×512 (ou SVG) et laissez FetchFavicon exporter chaque taille sans perte.

Outils associés

Plus de guides

Guides

Explorer FetchFavicon

Catégories

Convertisseurs

Utilitaires

Guides

Tutoriels