Générateur de favicon - Créez toutes les tailles de favicon à partir d'une image

Importez n'importe quelle image et obtenez instantanément le jeu de favicons complet : un favicon.ico multirésolution ainsi que les PNG 16, 32, 48, 180 (Apple), 192 et 512 (PWA) et le site.webmanifest, le tout regroupé dans un ZIP.

Déposez votre logo pour générer toutes les tailles de favicon

Comprend favicon.ico, site.webmanifest + un extrait HTML

Les fichiers sont automatiquement supprimés après traitementTraité en toute sécurité via HTTPS

Vous avez terminé avec Générateur de favicon ? Essayez ces outils ensuite

Des outils soigneusement sélectionnés qui s'accordent bien avec Générateur de favicon. Continuez sans perdre votre fichier.

Voir tous les outils

Foire aux questions

Pour les navigateurs et appareils modernes, il vous faut six tailles : 16×16 et 32×32 pour les onglets du navigateur, 48×48 pour les icônes de site Windows, 180×180 pour l'icône tactile Apple (écran d'accueil iOS), et 192×192 + 512×512 pour les écrans d'accueil Android et les invites d'installation PWA. Notre générateur produit les six tailles plus un site.webmanifest à partir d'une seule image source.

usage

La plupart des navigateurs modernes privilégient les balises de lien PNG (rel="icon" type="image/png"), si bien qu'un fichier ICO n'est plus nécessaire. Nous laissons de côté l'ICO hérité et fournissons des favicons PNG correctement dimensionnés pour chaque cible moderne. Si vous devez prendre en charge Internet Explorer ou de très anciennes versions de Chrome, vous pouvez convertir séparément l'un des PNG en ICO.

technical

Un manifeste d'application web est un fichier JSON qui indique à Android, Chrome et Edge l'apparence de votre site lorsqu'il est installé en tant qu'application web progressive — icône, nom, couleur de thème et mode d'affichage. Notre générateur inclut un manifeste de départ pointant vers les icônes Android Chrome ; il ne vous reste qu'à modifier le nom et theme_color.

features

Un PNG carré (1:1) en 512×512 ou plus offre le rendu le plus net à toutes les tailles. Évitez les détails fins qui disparaissent en 16×16 — les favicons fonctionnent mieux avec une seule forme marquée et un fort contraste. Les PNG transparents conviennent ; l'outil les place en letterbox afin que l'icône reste centrée à chaque taille.

tips

Votre image source est envoyée via HTTPS vers notre serveur sécurisé, qui génère chaque taille de favicon ainsi que le site.webmanifest et les renvoie sous forme de ZIP, puis supprime automatiquement le fichier envoyé après le traitement. Les téléchargements sont sans filigrane et rien n'est stocké ni partagé, ce qui reste sûr pour les produits non publiés et les identités de marque avant lancement.

privacy

Décompressez le téléchargement dans le dossier /public (ou la racine web) de votre site, puis ajoutez l'extrait HTML fourni dans votre <head> : les balises link pour les icônes PNG ainsi qu'un lien vers site.webmanifest. Actualisez votre site en forçant le rechargement (Cmd+Shift+R) — les navigateurs mettent les favicons en cache de manière agressive, vous devrez donc peut-être vider le cache pour que la nouvelle icône apparaisse.

usage

Oui : les PNG en 192×192 et 512×512 sont exactement ce que Chrome et Edge recherchent pour qu'un site soit reconnu comme une PWA installable. Associés au manifeste, ils satisfont au contrôle d'installabilité PWA de Lighthouse.

technical

Oui. Aucun filigrane, aucune inscription, aucune limite d'utilisation — et le ZIP est à vous pour toujours. Nous avons ajouté cet outil parce que tout développeur finit par avoir besoin d'un jeu de favicons, et que les générateurs existants étaient soit truffés de publicités, soit payants pour les sorties haute résolution.

pricing

Un favicon est la petite icône qu'un navigateur affiche à côté du titre de votre page dans l'onglet, dans les favoris et dans l'historique. Elle sert aussi d'icône lorsqu'un utilisateur ajoute votre site à l'écran d'accueil de son téléphone ou l'installe comme application. Importez votre logo ici et le générateur produit l'ensemble complet des tailles de favicon ainsi qu'un site.webmanifest dans un seul ZIP.

usage

Oui — l'outil d'import accepte les fichiers sources PNG, JPEG, WebP et SVG, pas seulement PNG. Le SVG vaut la peine d'être utilisé si vous l'avez : parce qu'il est vectoriel, chaque taille de sortie de 16 à 512 est rendue à neuf à partir des données vectorielles au lieu d'être agrandie depuis une image matricielle, si bien que les contours restent nets même en 512×512. JPEG et WebP fonctionnent très bien aussi, mais vous devriez d'abord aplatir toute transparence sur un arrière-plan, car le JPEG ne peut pas conserver de canal alpha.

technical

Comment Générateur de favicon vous aide à mener à bien vos tâches

De vrais problèmes qu'il résout chaque jour — pour les entreprises, les créateurs et les tâches du quotidien. Trouvez le cas d'usage qui vous correspond et démarrez en quelques secondes.

Pour les développeurs

Lancements d'indie hackers

Les fondateurs solo qui lancent leur MVP ont besoin d'un favicon soigné avant le lancement. Générez toutes les tailles à partir d'une seule image de logo, ainsi que le manifeste, en un clic — sans Figma ni abonnement à un outil de design.

Pour les entreprises

Configuration des clients d'agence

Lors de la livraison d'un nouveau site client, le jeu de favicons est rarement budgété mais toujours attendu. Générez le ZIP à la fin du projet, déposez-le dans /public et cochez le livrable.

Pour les développeurs

Installabilité PWA

Pour passer le contrôle d'installabilité de Chrome, votre manifeste a besoin d'icônes en 192×192 et 512×512. Notre sortie répond à cette exigence dès le départ, avec en prime les balises HTML correspondantes dans l'en-tête.

Pour les entreprises

Espaces de travail multimarques

Les agences et consultants qui jonglent avec plusieurs marques clientes peuvent régénérer le jeu de favicons en 10 secondes à chaque refonte de marque — sans avoir à maintenir une action Photoshop.

Pour les développeurs

Identité visuelle de projet open source

Les sites GitHub Pages, Vercel, Netlify et Cloudflare Pages ont tous besoin de favicons pour faire bonne figure dans les onglets du navigateur. Déposez les fichiers générés dans votre dépôt et votre projet aura tout de suite l'air finalisé.

Marketing

Refonte de marque

Lorsque votre logo change, régénérez toutes les tailles nécessaires, y compris l'icône Apple touch de 180px et l'icône PWA Android de 512px, sans réexporter manuellement depuis Illustrator.

Pour les développeurs

Icônes pour un manifeste d'extension de navigateur

Récupérez les PNG de 16, 32 et 48 px directement dans le ZIP pour l'objet icons de votre manifest.json — un moyen rapide d'obtenir des icônes d'extension conformes sans exporter chaque taille à la main dans un outil de conception.

Web et SEO

Comblez le manque de favicon sur les sites no-code

Webflow, Framer et Wix génèrent rarement un jeu complet de favicons par eux-mêmes ; téléversez votre logo ici et collez les tailles obtenues et l'extrait HTML dans le panneau de code personnalisé ou de réglages SEO du site en quelques minutes.

Usage personnel

Donnez une allure aboutie à un blog de passionné

Les blogs personnels sur Ghost, Jekyll ou Hugo sont souvent livrés sans aucun favicon ; générez le jeu complet à partir d'un portrait ou d'un logo dessiné à la main pour que l'onglet du navigateur paraisse intentionnel plutôt que vide.

Marketing

Corrigez le favicon signalé dans un audit SEO

Un favicon manquant ou défectueux est un signalement courant dans Lighthouse et les rapports des robots d'analyse SEO, et il nuit discrètement au taux de clic dans les résultats de recherche et les favoris. Régénérez le jeu complet en un seul envoi et réglez ce problème dès aujourd'hui.