- Accueil
- Générateur de favicon
Générer un favicon pour votre site
Déposez votre logo et récupérez toutes les icônes dont un site a besoin : favicon.ico, icônes PNG pour les navigateurs, l'iPhone et Android, le manifeste web et le code HTML à coller.
JPG, PNG, WebP, AVIF, GIF, BMP · jusqu'à 30 images à la fois · ou collez avec Ctrl+V
Choisir des images- Traité dans votre navigateur par défaut
- Gratuit, sans compte
- Métadonnées (GPS) retirées
Comment faire
Déposez votre logo
Un PNG carré d'au moins 512 × 512 px donne le meilleur résultat.
Choisissez le fond
Transparent ou une couleur, avec une marge facultative autour du logo.
Téléchargez le ZIP
Placez les fichiers à la racine de votre site et collez le code HTML dans l'en-tête de vos pages.
Le contenu du paquet
| Fichier | Utilisé par |
|---|---|
| favicon.ico (16, 32, 48 px) | Onglets, favoris, Windows |
| favicon-16x16.png, favicon-32x32.png | Navigateurs récents |
| apple-touch-icon.png (180 px) | Écran d'accueil de l'iPhone et de l'iPad |
| android-chrome-192x192.png, 512x512 | Écran d'accueil Android, application web |
| site.webmanifest | Application web installable |
Le code HTML à coller
Le paquet contient ce code, à placer dans l'en-tête (head) de chaque page :
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Questions fréquentes
Quelle image utiliser ?
Un logo simple et carré, avec peu de détails : un favicon est affiché jusqu'à 16 pixels.
Pourquoi l'icône Apple n'est-elle pas transparente ?
L'iPhone remplit les zones transparentes en noir : l'icône Apple reçoit donc toujours un fond (blanc, ou la couleur choisie).
Où placer les fichiers ?
À la racine de votre site, à côté de la page d'accueil, puis collez le code HTML dans la section head.
Mon image est-elle envoyée sur Internet ?
Non, les icônes sont générées dans votre navigateur.