Outil gratuit
Favicon et icônes
La petite icône dans l'onglet du navigateur, sur l'écran d'accueil du téléphone et à côté de vos résultats Google. Chaque endroit veut sa taille : voici ce que votre site fournit.
Cinq fichiers suffisent
favicon.ico
32 × 32
À la racine du site. Tous les navigateurs et outils le cherchent, même sans balise.
icone.svg
Vectoriel
Net à toutes les tailles. Une requête média dans le SVG peut changer les couleurs en mode sombre.
apple-touch-icon.png
180 × 180
Fond opaque, environ 20 px de marge : iOS arrondit les coins lui-même.
icone-192 / icone-512
Android
Déclarées dans le manifeste. Ajoutez une version « maskable », logo dans le cercle central.
Pourquoi Google affiche parfois un globe
Google n'affiche votre icône que si elle est carrée, d'au moins 48 × 48 px (idéalement un multiple de 48, ou en SVG) et accessible à son robot. Après une correction, la mise à jour peut prendre quelques semaines.
Questions fréquentes
Mon site a-t-il un bon favicon ?
Entrez l'adresse du site : l'outil liste les icônes que la page déclare ou que les navigateurs cherchent par défaut, les télécharge, mesure leur taille réelle et montre leur rendu dans l'onglet, sur l'écran d'accueil et dans Google.
Pourquoi Google affiche-t-il un globe au lieu de mon icône ?
Google demande une icône carrée, que son robot peut télécharger ; il recommande au moins 48 × 48 px (idéalement un multiple de 48, ou en SVG). Après une correction, la mise à jour peut prendre quelques semaines.
Quels fichiers d'icônes faut-il prévoir ?
Cinq fichiers suffisent : favicon.ico (32 × 32) à la racine, une icône SVG, apple-touch-icon.png (180 × 180), puis des icônes de 192 et 512 px pour Android déclarées dans le manifeste.
