Favicon (.ico) vs PNG
ICO et PNG ne sont pas des concurrents — ce sont des partenaires. La configuration favicon moderne utilise le .ico comme fallback universel et le PNG comme alternative haute densité. Voici précisément quand chacun l'emporte.
Le .ico est unique en ce qu'un seul fichier embarque plusieurs résolutions. Le navigateur ou l'OS sélectionne la correspondance la plus proche au moment du rendu — pas d'upscaling, pas de bords flous.
Le PNG est plus net à une résolution donnée et offre une meilleure compression pour les logos en aplats de couleurs. En revanche, il ne peut pas embarquer plusieurs tailles dans un même fichier.
La configuration optimale : un .ico multi-tailles + des PNG indépendants en 32×32 et 180×180 pour les navigateurs haute densité et iOS.
Comment ça marche
- 1
Partir d'une source 512×512
PNG ou SVG.
- 2
Générer les deux formats
FetchFavicon produit un .ico multi-tailles ainsi que des PNG indépendants 16/32/48/180/192/512.
- 3
Déclarer les deux dans <head>
<link rel="icon" href="/favicon.ico"> suivi de <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">.
Essayez maintenant
Générer le .ico et le PNG
Convertisseur PNG en ICOFAQ
Lequel est le plus léger ?+
Un PNG unique est plus léger qu'un .ico de même résolution, mais un .ico multi-tailles remplace 4 à 6 PNG et est souvent gagnant sur le poids total.
Google affiche-t-il les favicons PNG dans les résultats de recherche ?+
Oui. Google accepte .ico et PNG. Il préfère une image carrée d'au moins 48×48.
Le PNG supporte-t-il le mode sombre ?+
Pas directement. Utilisez une variante SVG en complément de votre PNG pour le mode sombre.