À propos de cet outil
Un favicon est la petite icône dans un onglet de navigateur, un favori et l’écran d’accueil d’un téléphone — et les sites modernes en ont besoin en plusieurs tailles et formats. Ce générateur construit tout le jeu à partir d’une seule source : importez un logo, ou tapez une lettre ou un emoji et choisissez un fond, et il rend des icônes nettes en 16, 32, 48, 180, 192 et 512 pixels.
Téléchargez le classique favicon.ico multirésolution, récupérez les PNG individuels et copiez les balises link et meta exactes à coller dans le head de votre page. Tout est dessiné avec l’API Canvas dans votre navigateur — votre image n’est jamais envoyée.
Questions fréquentes
Mon image importée est-elle envoyée à un serveur ?
Non. Chaque taille est rendue localement sur un canvas HTML — votre image ne quitte jamais le navigateur.
De quelles tailles ai-je vraiment besoin ?
16×16 et 32×32 couvrent le favicon classique de l'onglet du navigateur, 180×180 sert pour l'icône tactile Apple (écran d'accueil iOS), et 192×192/512×512 sont utilisés dans le manifeste de l'application web pour les installations Android/PWA.
Ai-je besoin du fichier .ico, ou les PNG suffisent-ils ?
Les navigateurs modernes utilisent volontiers un favicon PNG via une balise link, mais conserver favicon.ico reste utile pour les navigateurs plus anciens, les favoris et les outils qui ne le cherchent que sous ce nom de fichier précis.
Pourquoi mon icône basée sur une image paraît-elle floue en petite taille ?
Les petits favicons ont très peu de pixels à disposition, donc les détails fins se perdent. Partez d’une image carrée simple et à fort contraste — les logos avec des traits fins ou beaucoup de texte survivent rarement à une réduction à 16×16.
Comment ajouter le favicon généré à mon site ?
Téléchargez les fichiers (ou le .ico), placez-les à la racine de votre site, et collez l'extrait de « Copy HTML » dans la section head de votre page.