Question 1

Quelles tailles de favicon ai-je besoin ?

Accepted Answer

Les navigateurs modernes utilisent le PNG 32x32 comme favicon principal. Vous devez également inclure 16x16 pour les anciens navigateurs, 48x48 pour la barre des tâches Windows, 180x180 pour l'icône Apple Touch sur iOS, et 192x192 plus 512x512 pour les manifestes Android et PWA.

Question 2

Dois-je utiliser ICO ou PNG pour les favicons ?

Accepted Answer

PNG est désormais le format standard et est pris en charge par tous les navigateurs modernes. Les fichiers ICO étaient nécessaires pour les anciennes versions d'Internet Explorer. Sauf si vous devez prendre en charge IE 10 ou antérieur, les favicons PNG sont plus simples et recommandés.

Question 3

Quelle image dois-je téléverser pour de meilleurs résultats ?

Accepted Answer

Utilisez une image carrée (rapport 1:1) d'au moins 512x512 pixels. PNG avec fond transparent fonctionne le mieux. Si votre image source n'est pas carrée, elle sera étirée pour s'adapter à chaque taille de favicon.

Question 4

Qu'est-ce qu'un manifeste d'application web et pourquoi en ai-je besoin ?

Accepted Answer

Un manifeste d'application web (site.webmanifest) est un fichier JSON qui indique aux navigateurs comment votre application web doit se comporter lorsqu'elle est installée sur un appareil. Il spécifie les icônes, les couleurs de thème et les paramètres d'affichage. Les icônes 192x192 et 512x512 de cet outil sont spécifiquement destinées au manifeste.

Question 5

Les favicons prennent-ils en charge le mode sombre ?

Accepted Answer

Les favicons SVG peuvent utiliser la media query CSS prefers-color-scheme pour s'adapter au mode sombre. Les favicons PNG ne peuvent pas changer automatiquement. Si vous avez besoin du support du mode sombre, envisagez d'utiliser un favicon SVG en complément de vos fallbacks PNG.

Générateur de favicon

Questions fréquemment posées

Outils et ressources associés

Guides associés