Générateur de favicons
Importez votre logo une fois et obtenez le pack complet d’icônes pour navigateurs, iOS et Android, avec marge, fond et coins arrondis réglables. Il inclut le fichier .ico et le HTML à coller dans votre <head>.
Traité à 100 % dans votre navigateur
Contient : favicon.ico, PNG 16/32/180/192/512, site.webmanifest
Ctrl + Enter exécuterCtrl + C copier le résultat
Comment l’utiliser
- 1Déposez votre logo (idéalement carré, 512 px ou plus, PNG ou SVG).
- 2Réglez le fond, la marge et les coins arrondis en regardant l’aperçu à plusieurs tailles.
- 3Copiez le code HTML et collez-le dans le <head> de votre site.
- 4Téléchargez le ZIP et déposez tous les fichiers à la racine du site.
Cas d’usage
- Donner une icône à un nouveau site dans les onglets, favoris et résultats de recherche.
- Générer l’icône d’écran d’accueil pour iPhone et Android.
- Respecter les exigences PWA avec manifeste et icônes 192/512.
- Mettre à jour le favicon après un changement d’identité.
Questions fréquentes
De quels fichiers ai-je vraiment besoin ?
Au minimum favicon.ico à la racine, un PNG 32×32, l’apple-touch-icon 180×180 et les icônes 192 et 512 px avec le manifeste si votre site doit être installable.
Pourquoi l’Apple Touch Icon a-t-il un fond ?
iOS remplit les zones transparentes en noir. Cette icône est donc toujours générée avec un fond uni de la couleur choisie.
Quelle taille pour mon logo ?
Plus il est grand, mieux c’est : 512×512 px ou plus. Les favicons s’affichent très petits : choisissez un logo simple et bien contrasté.
Mes images sont-elles envoyées ?
Non. Les icônes sont générées dans votre navigateur et le fichier .ico est construit localement.