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.

Essayer avec physalisdesign.com, github.com

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.