Générateur de favicon
Dépose ton logo : tu récupères le favicon.ico, les icônes PNG et le code à coller.
Comment ça marche
- 1
Dépose ton image
Un logo carré donne le meilleur résultat.
- 2
Vérifie les aperçus
L'icône est montrée en 16, 32, 48 et 180 pixels.
- 3
Télécharge l'archive
Les fichiers, plus trois lignes de HTML à copier.
Ce que contient l'archive
Quatre fichiers. « favicon.ico » regroupe trois tailles (16, 32 et 48 pixels) : c'est la petite icône de l'onglet et des favoris. « apple-touch-icon.png », en 180 pixels, sert quand quelqu'un ajoute ton site à l'écran d'accueil d'un iPhone ; elle est posée sur fond blanc, car la transparence y deviendrait noire. « icon-192.png » et « icon-512.png » sont les tailles demandées par Android et par le fichier manifeste d'une application web.
Comment installer le favicon
Dépose les quatre fichiers à la racine de ton site, à côté de ta page d'accueil. Colle ensuite les trois lignes de code dans la partie <head> de tes pages. Le navigateur garde longtemps l'ancienne icône en mémoire : si rien ne change, recharge la page en vidant le cache ou ouvre-la en navigation privée. Pour un résultat lisible en 16 pixels, pars d'un symbole simple plutôt que d'un logo avec du texte.
Questions fréquentes
Une image carrée d'au moins 512 pixels de côté, idéalement un PNG à fond transparent. Une image plus petite fonctionne, mais les grandes icônes seront moins nettes.
Tu choisis : la garder entière, avec des bords transparents, ou la recadrer au centre.
Oui. Il contient les tailles 16, 32 et 48 pixels, chacune enregistrée en PNG à l'intérieur, une forme lue par les navigateurs actuels.
Pas directement : l'outil lit les JPG, PNG, WEBP et HEIC. Exporte d'abord ton logo en PNG.