FAQ sur les favicons
Un favicon est-il un fichier PNG ou JPEG ?
Un favicon peut utiliser plusieurs formats d'image. PNG est généralement un meilleur choix raster que JPEG, tandis que ICO reste une solution de secours utile en matière de compatibilité.
Le PNG est généralement le meilleur choix
Un favicon peut être un PNG ou un JPEG lorsque le navigateur prend en charge le type d'image déclaré. Pour la plupart des illustrations favicon, choisissez PNG. Il préserve les arrière-plans transparents et les bords nets sans les artefacts de compression que JPEG peut ajouter autour des lettres et des formes simples.
| Format | Utile pour | Principale limite |
|---|---|---|
| PNG | Icônes raster transparentes et nettes | Nécessite des tailles explicites pour le résultat le plus net |
| JPEG | Oeuvre photographique avec un fond solide | Aucune transparence et peut brouiller les bords durs |
| OIC | Repli de compatibilité et plusieurs tailles dans un seul fichier | Nécessite un éditeur ou un convertisseur compatible ICO |
Que faut-il publier ?
Une base de référence pratique est un multi-tailles favicon.ico plus des fichiers PNG 16x16 et 32x32. Ajoutez une icône Apple Touch et des icônes Web App Manifest lorsque vous souhaitez afficher l'écran d'accueil et installer la couverture.
<link rel="icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />La norme HTML affiche les déclarations d'icônes PNG, ICO et SVG et permet aux navigateurs de sélectionner une icône en fonction de son type et de sa taille. Voir le Définition du lien d'icône WHATWG pour les règles de la plateforme.
Quand le JPEG est-il acceptable ?
JPEG peut fonctionner lorsque le favicon est une photographie sur un fond opaque. Il s'agit toujours d'une valeur par défaut faible pour la plupart des logos, car les illustrations favicon dépendent généralement de la transparence, de blocs de couleurs propres et de bords nets.
Si votre source est JPEG, vous n’avez pas besoin de la repenser au préalable. Téléchargez-le sur le Générateur de favicon et exportez les fichiers favicon prêts pour le site à partir de cette source.
Prêt à créer votre favicon ?
Générez les fichiers communs et un extrait HTML prêt à coller.