Générateur de favicon WordPress : tout depuis une image
Un favicon moderne n'est pas un fichier 16×16 : c'est une dizaine de formats pour onglets, iOS, Android et Windows. Générez tout depuis une image carrée.
Un favicon, c’est minuscule — la petite icône dans un onglet de navigateur, un marque-page, un écran d’accueil de téléphone — et c’est pourtant l’un des premiers signaux qu’un site est terminé plutôt qu’à moitié construit. Sauf qu’« ajouter un favicon » est discrètement devenu une vraie corvée. Déposer un .ico en 16×16 à la racine ne suffit plus depuis des années. Navigateurs, iOS, Android et Windows réclament chacun leurs formats et leurs tailles, plus des fichiers manifest pour relier le tout. Voici comment produire le jeu complet depuis une seule image — et ne plus jamais y penser.
L’essentiel
- Un favicon complet aujourd’hui, c’est
favicon.ico+ des PNG en 16, 32, 48, 180, 192, 512 et une tuile Windows — pas un fichier unique. - Il lui faut aussi un
site.webmanifest(Android/PWA) et unbrowserconfig.xml(tuiles Windows), plus un jeu de balises<head>. - L’icône de site intégrée à WordPress est incomplète — tailles limitées, pas de manifest, ni couleur de thème ni tuile Windows.
- Le Générateur de favicon construit tout ça depuis un seul envoi d’une image carrée de 512×512 ou plus, avec une couleur de thème et une couleur de fond.
- Changer d’identité en une étape : envoyez une nouvelle image et chaque format, fichier et balise se régénère — aucune retouche manuelle.
De quels formats de favicon avez-vous vraiment besoin ?
Voici le jeu complet qu’un site moderne devrait servir :
| Fichier / format | Taille | Utilisé pour |
|---|---|---|
favicon.ico | 16×16, 32×32, 48×48 | Onglets de navigateur, marque-pages, tout ce qui demande /favicon.ico directement |
| Icône Apple Touch | PNG 180×180 | Écrans d’accueil iOS |
| Icônes Android Chrome | PNG 192×192 et 512×512 | Écrans d’accueil Android et Progressive Web Apps |
| Tuile Windows | 150×150 | Sites épinglés sous Windows |
site.webmanifest | Fichier JSON | Décrit vos icônes et votre couleur de thème aux navigateurs Android |
browserconfig.xml | Fichier XML | Configuration des tuiles Windows |
Ça fait beaucoup de fichiers et de balises <head> pour quelque chose qui devrait être simple — et c’est précisément pour ça que le faire à la main est une corvée que vous n’avez pas envie de répéter à chaque changement de logo.
Pourquoi un seul .ico (ou l’icône de site) ne suffit-il pas ?
La méthode manuelle, c’est : passer par un générateur en ligne, télécharger un ZIP, envoyer les fichiers sur votre serveur, puis coller les balises HTML dans l’en-tête de votre thème — et rejouer toute la chorégraphie à chaque changement de logo, en espérant ne pas oublier un format.
L’icône de site intégrée à WordPress, dans l’outil de personnalisation, aide, mais reste partielle : elle génère un jeu de tailles limité et ne crée pas les fichiers manifest. Icônes PWA, couleurs de thème et tuiles Windows ne sont tout simplement pas couvertes. Vous revoilà au générateur manuel pour le reste.
Comment générer tous les formats automatiquement ?
Activez le module Générateur de favicon dans Blaminhor Essentials, envoyez une image carrée d’au moins 512×512, et choisissez une couleur de thème et une couleur de fond. À l’enregistrement, il génère tous les formats — favicon.ico, Apple Touch, Android et tuile Windows —, écrit site.webmanifest et browserconfig.xml, et injecte automatiquement les bonnes balises <head>. Trois étapes :
Une image carrée et deux couleurs en entrée — tous les formats de favicon, fichiers manifest et balises head en sortie.
- Envoyez une image. Une seule image carrée en haute résolution, d’au moins 512×512. Un logo ou un symbole sur fond transparent ou uni donne les meilleurs résultats.
- Choisissez vos couleurs. Une couleur de thème (la teinte de la barre du navigateur sur mobile) et une couleur de fond (pour les tuiles Windows et les écrans de démarrage Android).
- Enregistrez. Le module génère tous les formats —
favicon.ico(copié à la racine du site), le jeu de PNG complet, l’icône Apple Touch, les icônes Android et la tuile Windows —, sertsite.webmanifestetbrowserconfig.xml, et injecte les bonnes balises<head>dans votre site.
Une image en entrée, un favicon complet partout en sortie.
Mettre à jour votre favicon plus tard
Changer d’identité visuelle, c’était rejouer tout le rituel générateur-puis-envoi. Ici, c’est une seule action : envoyez la nouvelle image et tout se régénère — chaque taille, les deux fichiers manifest, et toutes les balises du head. Aucun fichier à gérer, aucun code à toucher, aucune balise meta à retoucher à la main. Et comme le module n’émet rien tant que les icônes ne sont pas réellement générées, il ne laisse jamais de balises cassées pointer vers des fichiers inexistants.
Un favicon net, c’est une petite part de la sensation d’un site fini — et ça va naturellement de pair avec une gestion soignée des images sur le reste de vos médias.
Le Générateur de favicon est l’un des plus de 20 outils de Blaminhor Essentials — gratuit et open source sur WordPress.org.
Télécharger Blaminhor Essentials
– blaminhor
FAQ
Quelle taille doit faire mon image source de favicon ?
Au moins 512×512 pixels, et carrée, pour que chaque taille inférieure puisse être générée proprement sans agrandissement. Un logo ou un symbole sur fond transparent ou uni fonctionne le mieux — les détails fins et le texte ont tendance à disparaître en 16×16, les formes simples restent bien plus lisibles en favicon.
Pourquoi mon favicon ne s'affiche-t-il pas dans WordPress ?
En général, votre navigateur affiche une version en cache, ou les balises du head pointent vers des fichiers qui n'existent pas vraiment. Le Générateur de favicon injecte les bonnes balises et copie automatiquement favicon.ico à la racine du site, donc les fichiers existent — un rechargement forcé suffit alors à chasser l'ancienne icône que votre navigateur garde obstinément.
Comment forcer les navigateurs à rafraîchir un favicon en cache ?
Les favicons sont mis en cache de façon agressive. Un rechargement forcé — Ctrl+F5, ou Cmd+Maj+R sur Mac — suffit le plus souvent ; sinon, ouvrez l'URL de l'icône directement, ou vérifiez en navigation privée. Régénérer le favicon change les fichiers vers lesquels pointent les balises, ce qui pousse la plupart des navigateurs à récupérer le nouveau.
Un favicon peut-il être un SVG, ou faut-il du PNG/ICO ?
Les navigateurs modernes acceptent bien un favicon SVG pour les onglets, mais les écrans d'accueil iOS, Android et les tuiles Windows attendent toujours du PNG et de l'ICO à tailles fixes — un SVG seul ne couvre donc pas toutes les surfaces. C'est pourquoi le générateur construit le jeu raster complet à partir de votre unique image plutôt que de miser sur un seul fichier vectoriel.
Puis-je ajouter un favicon sans plugin ?
Oui — générez les fichiers avec un outil en ligne, envoyez-les sur votre serveur, puis collez les balises du head à la main dans votre thème. Ça fonctionne, mais vous répétez tout le rituel à chaque changement d'identité, avec le risque d'oublier un format. Un module générateur fait le même travail depuis un seul envoi et met tout à jour en un clic.
Commentaires