Générateur de favicon
Local only — nothing is uploaded unless you save or share it.
Un générateur de favicon qui transforme n'importe quelle image en jeu complet.
- Déposez une image carrée, idéalement en 512×512 ou plus
- Téléchargez les icônes, ou les tailles individuelles dont vous avez besoin
- Collez l'extrait HTML dans le head de votre page
Traitement…
Votre image n'était pas carrée : le plus grand carré centré a donc été utilisé. Les icônes sont toujours carrées — l'étirement la rendrait illisible à 16 pixels.
Collez ceci dans votre <head>
Enregistrer cet outil
Gardez Générateur de favicon sous la main
Utilisez le menu Partager de votre navigateur, puis « Sur l'écran d'accueil ».
À propos de cet outil
Un favicon était autrefois un petit fichier et constitue aujourd'hui une petite collection, car les navigateurs, les écrans d'accueil iOS et les lanceurs Android veulent tous des tailles différentes. Ce générateur produit le jeu qui compte réellement plutôt que l'empilement historique de vingt fichiers : un favicon.ico multirésolution contenant les versions 16, 32 et 48 pixels pour l'interface du navigateur et les favoris, des PNG autonomes en 16 et 32 pour les navigateurs modernes, une icône tactile Apple de 180 pixels, et des icônes de 192 et 512 pixels pour Android et les applications web progressives. Il vous donne aussi le HTML à coller dans votre head et les entrées de manifeste pour les tailles Android, puisque savoir quels fichiers produire n'est que la moitié du problème. Les images non carrées sont recadrées sur un carré centré plutôt qu'écrasées, car un logo étiré à 16 pixels est illisible. Tout est généré dans votre navigateur : votre logo n'est jamais envoyé.
Questions fréquentes
Quelle doit être la taille de mon image source ?
Au moins 512×512, et carrée. Tout est réduit à partir de votre original : partir petit produit des icônes molles dans les grandes tailles. Un logo vectoriel exporté en 1024×1024 donne les résultats les plus nets.
Ai-je encore besoin de favicon.ico ?
Oui, moins qu'avant toutefois. Les navigateurs demandent /favicon.ico par défaut même sans balise de lien, et c'est toujours ce qui apparaît dans certaines vues de favoris et d'historique. Le .ico produit ici contient trois résolutions pour que le navigateur puisse choisir la plus nette.
Pourquoi mon logo non carré est-il recadré ?
Parce que chaque emplacement de favicon est carré, et qu'étirer un logo large pour le faire tenir le rend illisible à 16 pixels. Le plus grand carré centré est utilisé. Si cela coupe quelque chose d'important, préparez d'abord une version carrée de votre marque — la plupart des marques en ont une exactement pour cette raison.
Pourquoi mon favicon ne se met-il pas à jour après l'envoi ?
Les navigateurs mettent les favicons en cache avec insistance, souvent au-delà d'un simple rafraîchissement. Essayez un rechargement forcé, ouvrez directement l'adresse de l'icône, ou vérifiez dans une fenêtre privée. C'est presque toujours le cache et non un fichier défectueux.
Vaut-il mieux utiliser un favicon SVG ?
Les favicons SVG sont bien pris en charge et se mettent parfaitement à l'échelle : c'est un bon choix principal si vous avez un dessin vectoriel propre. Vous voudrez tout de même un .ico et une icône tactile Apple en repli, et c'est exactement ce que fournit ce jeu.
Aidez-nous à améliorer cet outil
Un bug, une envie de changement, ou un outil qui vous manque ?
Vous avez un message non envoyé.
Merci — c'est bien arrivé. La réponse vous attendra dans votre boîte.Go to my messages