À propos de Générateur de taille de favicon
Le générateur de favicons de Zyff génère toutes les tailles simultanément à partir d'une seule image : les images classiques de 16, 24, 32, 48, 64, 128 et 256 px dans un seul fichier favicon.ico, des PNG indépendants de 16, 32, 48, 64, 96, 128, 144, 192, 256 et 512 px, les icônes Apple Touch de 120, 152, 167 et 180 px, les tailles Android et PWA de 48 à 512 px, une icône masquable, le manifeste web qui les référence et le XML des tuiles Windows. Le tout est fourni avec l'en-tête pré-écrit, et vous pouvez télécharger l'ensemble complet dans un seul fichier ZIP. Le rendu s'effectue sur les serveurs de Zyff à partir d'une image maître de 1024 px, uniquement en mémoire ; votre fichier n'est donc jamais stocké.
Comment générer toutes les tailles de favicon
Téléversez une image principale
Utilisez la plus grande version carrée dont vous disposez. Une source de 512 px est le minimum pratique, et 1024 px ou un format vectoriel est préférable : toutes les tailles inférieures sont réduites à partir d’un rendu principal plutôt que rééchantillonnées les unes à partir des autres, ce qui permet de conserver la lisibilité de la version 16 px.
Vérifiez la sélection des tailles
Cette page s'ouvre avec toutes les tailles cochées. Décochez celles dont vous n'avez pas besoin (les tailles 128 et 384 sont rarement demandées) ou laissez-les toutes cochées et laissez la fermeture éclair gérer le tout.
Regardez l'aperçu de 16 px
C'est la plus petite icône qui détermine si l'ensemble fonctionne. Un détail lisible à 512 px devient illisible à 16 px ; c'est à ce moment-là qu'il faut simplifier le code source, et non après avoir collé les balises.
Téléchargez le fichier zip
Une seule archive contenant tous les fichiers aux emplacements référencés par l'extrait de code généré, afin que le code HTML fonctionne dès que les fichiers sont en place.
Collez l'extrait de tête
Copiez les balises de lien générées dans votre balise <head>. Chacune d'elles comporte un attribut de taille explicite, ce qui permet à un navigateur ou à un robot d'exploration de choisir le bon fichier au lieu de le deviner.
Ce que fait Générateur de taille de favicon
Toutes les tailles en un seul passage
ICO de 16 à 256 pixels, PNG de 16 à 512 pixels, Apple Touch en quatre tailles, Android et PWA de 48 à 512 pixels, plus une icône masquable. Aucun second téléchargement ni rendu supplémentaire pour chaque taille.
Un maître, puis réduction d'échelle
L'image source est rendue une première fois à 1024 px, puis chaque élément est redimensionné à partir de cette résolution. La succession de ces redimensionnements (de 512 à 256 puis à 128) amplifie l'erreur de rééchantillonnage, qui apparaît dès 16 px.
Attributs de tailles rédigés pour vous
Chaque balise de lien déclare sa propre valeur de taille. Google choisit l'icône (favicon) affichée à côté d'un résultat parmi les icônes indexables dont la taille est un multiple de 48, information qu'il ne peut obtenir que grâce à cet attribut.
Manifeste et fichier XML de tuile inclus
Le manifeste web faisant référence aux tailles Android et le fichier XML browserconfig pour les anciennes vignettes Windows sont générés en même temps que les images, pointant vers les mêmes chemins.
Téléchargement Zip
L'ensemble est constitué d'une seule archive, agencée pour correspondre à l'extrait, il n'y a donc rien à renommer.
At a glance
| Tailles ICO disponibles | 16, 24, 32, 48, 64, 128, 256 px, dans un seul fichier multi-images |
|---|---|
| Tailles PNG disponibles | 16, 32, 48, 64, 96, 128, 144, 192, 256, 512 px |
| tailles Apple Touch | 120, 152, 167, 180 px (180 est la seule valeur requise par iOS actuel) |
| Tailles Android / PWA | 48, 72, 96, 144, 192, 256, 384, 512 px, plus une valeur masquable de 512 px |
| Rendu principal | 1024 px, chaque élément étant redimensionné à partir de cette résolution. |
| Saisir | PNG, JPG, WebP, AVIF ou SVG jusqu'à 25 Mo, 100 mégapixels |
| Fichiers texte générés | site.webmanifest et browserconfig.xml |
Frequently asked questions
Quelles tailles de favicon me faudra-t-il réellement en 2026 ?
Un minimum pratique consiste en une image PNG de 32 px, une icône Apple Touch de 180 px, des images de 192 px et 512 px pour Android et le fichier manifeste, ainsi qu'une image favicon.ico de 16 et 32 px pour les appareils plus anciens. Ajoutez 48 px si vous souhaitez que l'icône affichée par Google à côté de vos résultats de recherche soit correcte, car Google ne prend en compte que les icônes dont la taille est un multiple de 48. Le reste des dimensions est une précaution plutôt qu'une obligation.
Pourquoi Google exige-t-il une taille de favicon multiple de 48 ?
La documentation de Google indique qu'il sélectionne une icône dont les dimensions sont un multiple de 48 px, et qu'il lit la taille à partir de l'attribut « sizes » de votre balise de lien plutôt que de récupérer toutes les icônes potentielles. Un site ne proposant que des icônes de 16 et 32 px ne dispose d'aucun fichier éligible ; c'est pourquoi une favicon peut être parfaitement visible dans l'onglet du navigateur tout en étant absente des résultats de recherche.
Quelle taille chaque navigateur ou système d'exploitation demande-t-il ?
Les navigateurs de bureau utilisent la plus petite image PNG adaptée pour l'onglet, généralement 16 ou 32 pixels. iOS utilise l'icône Apple Touch Icon à 180 pixels et la redimensionne pour les appareils plus petits. Android et les PWA installées lisent le fichier manifeste et utilisent une image de 192 pixels pour le lanceur et de 512 pixels pour l'écran de démarrage. Les vignettes épinglées sous Windows lisent le fichier browserconfig.xml. L'image .ico est l'image de repli utilisée par tout élément non répertorié.
Une favicon plus grande est-elle toujours préférable ?
Non, et c'est là que la plupart des problèmes surviennent. Une icône de 512 px réduite à 16 px par le navigateur est moins belle qu'un fichier de 16 px rendu intentionnellement, car la réduction effectuée par le navigateur est rapide et non soignée. L'utilisation de fichiers distincts pour les petites tailles est la raison d'être de la matrice plutôt que d'un seul PNG de grande taille.
Dois-je utiliser tous les fichiers contenus dans le fichier zip ?
Non. Intégrez uniquement les fichiers nécessaires à votre site et supprimez le reste : une image PNG inutilisée de 384 px ne fait qu’encombrer votre espace. L’important est que chaque fichier référencé dans l’en-tête existe bien à l’emplacement indiqué ; une balise de lien pointant vers une icône inexistante est pire que l’absence de balise.
Où vont les fichiers ?
Le répertoire racine du site est l'emplacement par défaut et celui utilisé par l'extrait de code, car /favicon.ico est récupéré depuis la racine, que vous le déclarais ou non. Si vos icônes sont servies depuis un sous-répertoire, définissez le chemin de base avant de copier l'extrait de code afin que tous les liens href correspondent.