Générateur de favicon
Déposez votre logo une seule fois et obtenez toutes les icônes dont un site a besoin, avec le code à coller dans vos pages.
Scellé sur cet appareil
Fonctionne dans votre navigateur. Rien n’est envoyé.
Scellé
Votre icône
Code pour vos pages
Placez les fichiers du ZIP à la racine de votre site, puis collez ce code dans la balise <head> de chaque page.
Comment ça marche
-
Ajoutez votre logo
Déposez un SVG, un PNG ou un JPG, sélectionnez-le ou collez-le. Une image carrée d’au moins 512 × 512 pixels donne les icônes les plus nettes.
-
Ajustez le rendu
Ajoutez une marge intérieure, une couleur de fond ou des coins arrondis, et vérifiez le résultat dans un onglet de navigateur et sur l’écran d’accueil d’un téléphone.
-
Téléchargez et collez le code
Téléchargez le ZIP, placez ses fichiers à la racine de votre site, puis collez le code dans la balise <head> de vos pages.
Questions fréquentes
Quels fichiers vais-je obtenir ?
Un fichier favicon.ico qui contient les icônes de 16, 32 et 48 pixels, des icônes PNG en 16, 32, 48, 192 et 512 pixels, un apple-touch-icon.png de 180 pixels pour iPhone et iPad, et un fichier site.webmanifest qui permet à Android d’utiliser vos icônes de 192 et 512 pixels. Téléchargez-les un par un ou tous ensemble dans un fichier ZIP.
Où placer les fichiers ?
À la racine de votre site, à côté de votre page d’accueil, pour qu’ils soient accessibles à des adresses comme /favicon.ico. Collez ensuite le code affiché sous l’aperçu dans la balise <head> de chaque page. Les navigateurs cherchent aussi /favicon.ico d’eux-mêmes, donc même les pages sans le code affichent votre icône.
Quelle taille doit faire mon image ?
Carrée et d’au moins 512 × 512 pixels, la taille de la plus grande icône. Un SVG est idéal : il est dessiné avec netteté à toutes les tailles. Une image plus petite fonctionne aussi, mais les grandes icônes sont alors agrandies et paraissent floues.
Pourquoi mon icône est-elle floue ou trop petite dans l’onglet du navigateur ?
À 16 pixels, les détails fins et le texte fin disparaissent. Utilisez un motif simple, comme une lettre ou un symbole, plutôt qu’un logo complet avec du texte, gardez une petite marge intérieure, et choisissez « Recadrer en carré » si votre image est large.
Mon image est-elle envoyée en ligne ?
Non. Votre image est lue, redimensionnée et enregistrée dans votre navigateur, sur votre appareil. Elle n’est jamais envoyée nulle part.
Pourquoi l’Apple Touch Icon a-t-elle un fond ?
Les iPhone et iPad arrondissent eux-mêmes les coins des icônes de l’écran d’accueil et affichent les zones transparentes en noir. L’Apple Touch Icon reçoit donc toujours un fond uni et des coins carrés : votre couleur de fond, ou du blanc si vous avez choisi transparent.