Redimensionneur d'image
Définissez ensemble les dimensions de l'image et une limite facultative de taille de fichier JPEG. Conservez l'image entière ou ajoutez des bordures pour une toile exacte.
Imagestraités localement
Générateur de favicon
Créez des favicons ICO et PNG, prévisualisez de minuscules icônes et téléchargez un ZIP complet dans votre navigateur.
Choisissez une image, définissez le remplissage et les couleurs d'arrière-plan, vérifiez les petits aperçus, puis générez et téléchargez le ZIP.
Transformez votre logo en un ensemble de faviconChoisissez une image ou déposez-la iciPNG, JPEG, WebP ou SVG · 10 Mo · 4 096 pixels par côté
Le contenu SVG non pris en charge a été supprimé. Vérifiez l'aperçu avant de télécharger.
Vérifiez les petites tailles
Les aperçus de 16, 32 et 48 pixels sont affichés en taille réelle. Les détails fins peuvent disparaître à 16 pixels.
Votre ensemble de favicon est prêt
Le ZIP contient 9 fichiers : ICO, SVG, cinq PNG, un manifeste d'icône et l'extrait HTML.
favicon.icofavicon.svgfavicon-16x16.pngfavicon-32x32.pngapple-touch-icon.pngandroid-chrome-192x192.pngandroid-chrome-512x512.pngsite.webmanifestfavicon-html.txt
Extrait HTML de favicon · <head>
Hébergez les fichiers sur votre site et ajustez les chemins. Fusionnez les entrées d'icônes dans un manifeste existant.
Comment utiliser
Créer un ensemble de favicon
Choisissez une image, définissez le remplissage et les couleurs d'arrière-plan, vérifiez les petits aperçus, puis générez et téléchargez le ZIP.
Exemple et résultat attendu
Exemple : téléchargez un logo transparent 1024×1024, conservez la transparence et utilisez un remplissage de 10 %. Le ZIP contient ICO (32/16/48), cinq PNG, un SVG contenant un PNG, un manifeste d'icône et l'extrait HTML. Les marques simples restent plus claires à 16 pixels ; des détails fins peuvent disparaître.
Qu'est-ce qu'une favicon ?
Une favicon est la petite icône que les navigateurs affichent dans les onglets, les favoris et l'historique à côté du titre de votre page. Il est minuscule – souvent seulement 16 × 16 pixels – donc un bon favicon est simple, très contrasté et reconnaissable en un coup d’œil. Ce générateur convertit votre image en tailles de favicon courantes, entièrement dans votre navigateur. Rien n'est téléchargé.
Tailles dont vous avez besoin en 2026
| Fichier | Taille | Utilisé pour |
|---|---|---|
| favicon.ico | 16, 32, 48 | Onglets et signets du navigateur |
| favicon.svg | 512 × 512 | Navigateurs compatibles SVG ; PNG intégré |
| favicon-16x16.png, favicon-32x32.png | 16, 32 | Solutions de secours PNG |
| apple-touch-icon.png | 180 × 180 | Écran d'accueil iOS et Safari |
| android-chrome-192x192.png, android-chrome-512x512.png | 192, 512 | Entrées d'icônes Android et PWA |
Formats et limites
Les entrées PNG, JPEG, WebP et SVG simples sont prises en charge. Les fichiers sont limités à 10 Mo et 4 096 pixels par face. Les images animées ne sont pas prises en charge. Les entrées SVG sont rastérisées dans votre navigateur ; les scripts, les références externes, les images, les feuilles de style, les filtres et les animations sont supprimés et ne seront pas rendus. Le texte utilise les polices locales disponibles. Vérifiez l'aperçu si votre SVG utilise ces fonctionnalités.
L'ICO contient des entrées compressées PNG 16 × 16, 32 × 32 et 48 × 48. La réduction d'échelle utilise un rééchantillonnage en plusieurs étapes, mais une photo détaillée perd toujours des détails à 16 pixels : de simples repères fonctionnent mieux. La transparence est préservée dans ICO et PNG lorsqu'elle est sélectionnée ; l'icône tactile Apple utilise un arrière-plan uni. La sortie SVG intègre un PNG et n'est pas une conversion vectorielle. Votre original reste inchangé.
FAQ
Quelle doit être la taille de mon favicon ?
Expédiez l'ICO multi-tailles (16/32/48), une icône tactile Apple 180 × 180 et des PNG 192/512 pour Android. Il s’agit de tailles courantes de navigateur et d’appareil, mais cela ne garantit pas que chaque plate-forme utilise chaque fichier.
ICO ou PNG : lequel ai-je besoin ?
Incluez la solution de secours ICO et les alternatives PNG ou SVG. Copiez l'extrait HTML, puis mettez à jour les chemins pour qu'ils correspondent à l'endroit où vous hébergez les fichiers.
Les navigateurs prennent-ils en charge les favicons SVG ?
De nombreux navigateurs modernes prennent en charge les favicons SVG. Conservez la solution de secours ICO pour les navigateurs qui ne le font pas. Cet outil intègre un PNG 512×512 dans le SVG ; il ne trace pas votre logo dans des chemins vectoriels.
J'ai remplacé mon favicon mais l'ancien s'affiche toujours. Pourquoi?
Les navigateurs mettent en cache les favicons de manière agressive. Essayez une actualisation matérielle ou videz le cache du navigateur. Vérifiez les chemins d'accès aux fichiers et modifiez le nom de fichier ou la requête de version si l'icône mise en cache persiste.
Mon fond transparent fonctionnera-t-il sur les iPhones ?
L'icône Apple Touch est toujours aplatie sur la couleur d'arrière-plan Apple que vous choisissez ici. ICO et autres fichiers PNG conservent leur transparence lorsqu'ils sont sélectionnés.
Ce ZIP rendra-t-il mon site installable en tant que PWA ?
Non. Le manifeste contient uniquement des entrées d’icônes. Fusionnez-les dans votre manifeste existant ou ajoutez le nom, l'URL de démarrage et d'autres paramètres PWA dont votre site a besoin.