À propos de Créateur de favicon
Le générateur de favicon de Zyff transforme une image en un ensemble d'icônes parfaitement adapté aux besoins actuels d'un site web : une favicon.ico multi-résolution, des PNG à 48 px de résolution pour les résultats de recherche Google, une icône Apple Touch de 180 px, des icônes PWA de 192 et 512 px, une version masquable pour le recadrage Android, un manifeste web et les balises <head> qui référencent l'ensemble. Chaque taille est issue d'un rendu carré haute résolution unique, sans rééchantillonnage séparé. L'aperçu affiche les icônes de 16, 32, 48 et 64 px à leur taille réelle, car un logo illisible dans un onglet de navigateur est un problème qu'aucune option d'exportation ne peut résoudre. Importez un fichier PNG, JPG, WebP, AVIF ou SVG et téléchargez le tout au format ZIP. Le rendu est effectué en mémoire sur les serveurs de Zyff le temps de la requête ; aucune copie de votre logo n'est donc conservée. Gratuit, sans inscription, sans filigrane.
Comment créer une favicon pour votre site web
Téléchargez une image carrée
Importez un logo carré au format PNG, SVG ou haute résolution, idéalement de 512 px ou plus. Tout élément non carré sera automatiquement ajusté avec un espacement, ou rogné si vous choisissez l'option « Remplir ». Un fichier SVG est pixellisé à sa résolution maximale et non à la taille spécifiée, et est également transmis sous le nom « icon.svg ».
Vérifiez les petites tailles
L'aperçu affiche les résolutions 16, 32, 48 et 64 px à leur taille réelle, sans réduction à partir d'une image de grande taille. La plupart des logos nécessitent un symbole simplifié, des traits plus épais ou un fond uni pour rester lisibles à 16 px ; or, s'il est illisible à cette résolution, aucun paramètre d'exportation ne permettra de le préserver.
Définir le remplissage masquable
Android recadre les icônes en un cercle ou un carré de forme aléatoire. Par conséquent, pour obtenir une version masquable, l'illustration doit se trouver à l'intérieur de la zone de sécurité, sur un fond plein. L'aperçu affiche cette zone de sécurité sous forme de cercle en pointillés et présente le résultat recadré à côté du carré complet.
Télécharger le jeu d'icônes
Un bouton permet d'exporter l'ensemble au format ZIP : favicon.ico, les PNG par multiples de 48 px, l'icône Apple Touch, les icônes PWA de 192 et 512 px, la variante masquable et le fichier site.webmanifest. Les fichiers peuvent être téléchargés individuellement depuis la liste.
Collez les balises HTML
Copiez le lien généré et les balises de manifeste dans l'en-tête de votre site, téléchargez les fichiers à la racine de votre site, puis effectuez un rafraîchissement forcé. Les navigateurs conservent les favicons en cache, une ancienne icône peut donc persister. Définissez d'abord un chemin de service si les fichiers ne sont pas placés à la racine.
Ce que fait Créateur de favicon
L'ensemble complet d'icônes modernes
Un seul téléchargement produit favicon.ico, des icônes PNG à des multiples de 48px, l'icône apple-touch, les icônes PWA de 192 et 512px attendues par un manifeste web, et le fichier site.webmanifest lui-même — le tout dans un seul fichier ZIP.
dimensionnement des résultats de recherche Google
Google utilise uniquement des favicons carrés dont la taille est un multiple de 48 px. L'exportation prend donc en charge les formats 48, 96 et 144 px, ainsi que les formats 16 et 32 px requis par les navigateurs. Les formats compatibles sont indiqués dans la liste des fichiers.
Icône Android masquable
Une exportation avec masquage séparé permet de conserver l'illustration dans la zone de sécurité sur un fond rempli. Ainsi, le recadrage circulaire ou en forme de squircle d'Android supprime le remplissage au lieu de votre logo. L'aperçu affiche le recadrage avant le téléchargement.
Aperçu en taille réelle à 16 px
Les petites tailles sont affichées à l'échelle 1:1, sans être réduites à partir d'une grande. C'est le seul moyen fiable de vérifier si votre logo reste visible même après la fermeture d'un onglet de navigateur, et c'est une vérification que la plupart des générateurs négligent.
Couleur et incrustation par plateforme
iOS rend en noir une icône transparente de l'écran d'accueil et lui applique son propre arrondi, ce qui confère à l'icône Apple son propre fond et son propre retrait, et l'exporte sans arrondis. Les icônes du navigateur conservent leur transparence.
Copier-coller les balises HTML
Vous obtenez le lien exact et les balises du manifeste à intégrer, générés à partir des fichiers réellement présents dans votre téléchargement. Ainsi, aucun fichier ne pointe vers un fichier que vous n'avez pas exporté. Choisissez l'ensemble minimal moderne ou la liste complète.
Fichier ICO multi-résolution
Le format .ico regroupe les cadres que vous choisissez (16, 32 et 48px par défaut) dans un seul fichier, ce que les navigateurs plus anciens, les raccourcis Windows et certains lecteurs de flux demandent encore à la racine de votre site.
Passage d'icône vectorielle
Téléchargez un fichier SVG : il sera distribué sous le nom icon.svg, avec les fichiers PNG, sans modification. Les navigateurs modernes le privilégient et l’image reste nette quelle que soit sa taille, même sur les écrans qui n’existent pas encore.
At a glance
| Formats d'entrée | PNG, JPG, WebP, AVIF, SVG, TIFF, GIF, HEIC |
|---|---|
| Fichiers de sortie | favicon.ico, icônes PNG, icône Apple Touch, icônes PWA + masquables, icon.svg, site.webmanifest, browserconfig.xml — dans un seul fichier ZIP |
| Tailles des ICO | 16, 24, 32, 48, 64, 128, 256 px (16, 32, 48 par défaut) |
| Tailles des icônes PNG | De 16 à 512 px, y compris les multiples de 48, 96 et 144 px requis par Google |
| Tailles iOS | 120, 152, 167, 180 px (180 par défaut, ce qui correspond aux besoins actuels d'iOS) |
| Tailles PWA | De 48 à 512 px, plus une variante masquable de 512 px |
| Taille maximale du fichier | 25 Mo, jusqu'à 100 mégapixels |
| Rendu | Chaque taille est dérivée d'une image maître carrée de 1024 px, lanczos3, PNG sans perte |
Frequently asked questions
Quelles sont les tailles de favicon réellement nécessaires pour un site web ?
Bien moins que ne le suggéraient les anciennes listes de vingt fichiers. L'ensemble actuel comprend une favicon.ico regroupant les formats 16, 32 et 48 px, une icône SVG ou PNG pour les navigateurs modernes, une icône Apple Touch de 180 x 180 pixels pour les écrans d'accueil iOS, et des PNG de 192 x 192 et 512 x 512 pixels référencés dans un manifeste web pour les installations Android et PWA, avec une variante de 512 px masquable pour le recadrage Android.
Pourquoi mon favicon n'apparaît-il pas dans les résultats de recherche Google ?
Google applique ses propres règles : l’icône doit être carrée, avoir une taille multiple de 48 pixels, être indexable et non bloquée dans le fichier robots.txt, être cohérente sur l’ensemble du site et être référencée par une valeur rel qu’il reconnaît, comme « icon » ou « apple-touch-icon ». Même après cette correction, Google ne met à jour l’icône que lors de sa prochaine exploration de la page d’accueil, ce qui peut prendre des jours, voire des semaines.
Le format favicon.ico est-il encore nécessaire ?
L'envoi reste pertinent. Les navigateurs modernes privilégient une icône SVG ou PNG déclarée dans votre code HTML, mais une icône favicon.ico à la racine du site est l'icône par défaut demandée par plusieurs clients, y compris les navigateurs plus anciens, certains robots d'exploration et certains agrégateurs de flux. Son stockage ne coûte que quelques kilo-octets.
Qu'est-ce qu'une icône masquable ?
Une icône masquable est une icône PWA conçue pour résister au recadrage. Android applique une forme spécifique, généralement un cercle ou un squircle ; l’icône nécessite donc un fond plein écran, son élément graphique principal étant situé dans une zone de sécurité centrée d’environ 80 % de sa largeur. Elle est déclarée dans le manifeste avec l’option « masquable ».
Où placer les fichiers favicon sur un site web ?
Le fichier .ico se trouve traditionnellement à la racine, sous le nom /favicon.ico, car les navigateurs demandent ce chemin précis même si aucune balise HTML ne le spécifie. Les autres fichiers peuvent être placés où vous le souhaitez, mais la racine ou un dossier /icons/ de premier niveau permet de raccourcir les chemins. Référencez chaque fichier avec une balise link et indiquez les tailles des applications web progressives (PWA) dans votre manifeste.
Quelle taille devrait avoir l'icône Apple Touch ?
L'image à fournir doit être de 180 x 180 pixels. iOS redimensionne ce fichier PNG unique pour les appareils plus petits ; il n'est donc plus nécessaire d'utiliser une longue liste de fichiers apple-touch-icon spécifiques à chaque appareil. Utilisez une image carrée sans transparence, car iOS superpose l'icône sur un fond uni et les zones transparentes peuvent apparaître noires.
Quelle image dois-je télécharger pour créer une favicon ?
Une image carrée d'au moins 512 pixels est requise ; chaque taille correspond donc à une réduction et non à un agrandissement. Le format SVG est encore préférable : il est pixellisé à pleine résolution quelle que soit sa largeur déclarée et est également fourni au format icon.svg. Une image non carrée est automatiquement ajustée par défaut avec un remplissage, ou rognée si vous choisissez l'option « Remplir ». Les photographies sont rarement adaptées : une favicon mesure 16 pixels sur la plupart des écrans, et une icône simplifiée est lisible même si une icône détaillée ne l'est pas.
Est-ce que Zyff conserve le logo que je télécharge ?
Non. L'image est conservée en mémoire le temps de la requête qui génère vos icônes, puis supprimée une fois la réponse envoyée. Aucune donnée n'est enregistrée sur le disque dur : il n'y a donc aucune copie à supprimer ni aucun historique à effacer. Le générateur est gratuit et ne nécessite aucun compte.