Générateur Favicon en Ligne
Crée ton favicon dans tous les formats nécessaires gratuitement, directement dans ton navigateur.
.jpg, .png, .webp · jusqu'à 50 Mo
Pourquoi l'utiliser
Le bon favicon pour chaque appareil et navigateur
Tous les formats
Génère .ico, .png et toutes les tailles pour iOS, Android et PWA.
100% privé
Le traitement se fait dans ton navigateur. Ton logo ne quitte jamais ton appareil.
Toutes les tailles
16×16, 32×32, 180×180, 192×192 et 512×512. Prêts pour la production.
Instantané
Résultat immédiat. Sans files d'attente, sans inscription, sans limites.
Comment ça marche
Trois étapes, sans complications
Importe ton image ou logo
Glisse-dépose ou sélectionne un PNG, SVG, JPG ou WebP carré. Minimum 512×512 px recommandé.
Prévisualise les tailles générées
Obtiens automatiquement les formats 16×16, 32×32, 180×180 (Apple Touch Icon), 192×192 et 512×512 px.
Télécharge le pack de favicons
Télécharge toutes les tailles générées, prêtes à intégrer dans ton projet web.
FAQ
Des questions ?
Un ensemble complet de favicons modernes requiert : 16×16 px (onglet de navigateur sur Windows/Linux), 32×32 px (onglet sur macOS et favoris), 180×180 px (Apple Touch Icon, enregistré sur l'écran d'accueil iOS), 192×192 px (Android Chrome, ajouter à l'écran d'accueil) et 512×512 px (écran de démarrage PWA sur Android). Le fichier favicon.ico dans la racine du site peut contenir plusieurs résolutions intégrées (16, 32, 48 px) dans un seul fichier. Pour les navigateurs modernes, un simple PNG de 32×32 référencé en HTML suffit. Cependant, pour une compatibilité maximale avec les appareils Apple, les apps de favoris et les PWA, l'ensemble complet est nécessaire.
Le format .ico est le format favicon original, introduit par Internet Explorer 5 en 1999. Il peut contenir plusieurs résolutions dans un seul fichier et bénéficie d'un support universel, y compris pour les très anciens navigateurs. Le format .png est plus simple : un fichier par taille, support natif dans tous les navigateurs modernes et meilleure qualité de compression que .ico pour les hautes résolutions. Le format .svg comme favicon est supporté par Chrome, Firefox et Edge modernes, mais pas par Safari ni iOS. L'avantage du SVG est qu'il s'adapte parfaitement à n'importe quelle taille et peut s'adapter au mode sombre du système via des media queries CSS. Recommandation actuelle : utilise .ico pour la compatibilité de base, .png pour les résolutions spécifiques et optionnellement .svg pour les navigateurs modernes.
L'Apple Touch Icon est l'icône qu'iOS et macOS Safari utilisent lorsque l'utilisateur enregistre un site web sur l'écran d'accueil de son iPhone/iPad ou l'ajoute au dock du Mac. Contrairement aux favicons classiques (qu'iOS ignore à cette fin), l'Apple Touch Icon doit être un PNG de 180×180 px (pour les écrans Retina), sans couche de transparence (iOS ajoute automatiquement les coins arrondis et le brillant), et déclaré en HTML comme : link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'. Si aucun Apple Touch Icon n'est spécifié, iOS capture automatiquement une capture d'écran de la page comme icône, avec de très mauvais résultats visuels.
La bonne façon de déclarer les favicons modernes dans le head HTML est : link rel='icon' type='image/x-icon' href='/favicon.ico' pour la compatibilité de base, link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png' pour les navigateurs modernes, link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png' pour iOS, et link rel='manifest' href='/site.webmanifest' pour les PWA. Le fichier site.webmanifest est un JSON qui déclare les icônes 192×192 et 512×512. Les navigateurs modernes donnent la priorité au manifest sur les balises link individuelles, ce qui rend le manifest particulièrement important pour les PWA.
favicon.ico est le standard de fait depuis 1999, interprété par tous les navigateurs même sans balise HTML (les navigateurs cherchent automatiquement /favicon.ico à la racine). Le web app manifest (manifest.json ou site.webmanifest) est le standard moderne pour les PWA (Progressive Web Apps), introduit avec le standard W3C Web App Manifest en 2013. En plus des icônes, le manifest déclare le nom, les couleurs du thème, le mode d'affichage et d'autres propriétés de l'application. Pour un site web ordinaire sans fonctionnalités PWA, favicon.ico + PNG + Apple Touch Icon suffit. Pour une PWA complète avec installation sur l'écran d'accueil, le manifest est indispensable.
Favicons : histoire, standards web et identité dans l'onglet du navigateur
Le favicon est l'un des éléments les plus petits et les plus reconnaissables de l'identité visuelle d'un site web. Son histoire commence en mars 1999, quand Microsoft Internet Explorer 5 a introduit le support de favicon.ico dans le cadre de la fonctionnalité Favoris : lors de l'enregistrement d'un site, IE5 faisait une requête vers /favicon.ico pour afficher l'icône à côté du marque-page. Le nom favicon vient de favorites icon. Le standard a été formalisé dans la RFC 2616 et par le W3C en 2000 avec la balise link rel='shortcut icon'. Aujourd'hui, plus de 25 ans après, le favicon a évolué d'un simple fichier .ico de 16×16 pixels vers un écosystème d'icônes pour les onglets, les favoris, les écrans d'accueil mobiles et les écrans de démarrage d'applications.
Le format ICO est techniquement un conteneur d'images pouvant inclure plusieurs résolutions et profondeurs de couleur dans un seul fichier. Il a été développé à l'origine par Microsoft pour les icônes du bureau Windows et adapté au web. Curiosité technique : un fichier .ico peut inclure des images PNG compressées dans le conteneur ICO depuis Windows Vista (2007), ce qui réduit significativement la taille du fichier. Les favicons SVG, supportés par Chrome 80+ et Firefox 41+, ont un avantage unique : ils peuvent utiliser des media queries CSS pour s'adapter automatiquement au mode sombre du système. Cela permet d'avoir un favicon noir sur blanc en mode clair et blanc sur noir en mode sombre, le tout dans un seul fichier vectoriel de quelques kilo-octets.
Dans le contexte des Core Web Vitals de Google, le favicon a une implication de performance souvent ignorée. Le navigateur télécharge le favicon dans une requête séparée lors du chargement de la page, et si le fichier favicon.ico n'existe pas, le serveur répond avec un 404 qui peut inclure une page d'erreur HTML de plusieurs kilo-octets. Pour les sites recevant des millions de visites, ce 404 répété peut générer un volume significatif de trafic inutile. La solution consiste à toujours avoir un favicon.ico à la racine, même s'il s'agit d'un fichier minimal de 16×16 px, pour éviter ces 404 à chaque visite.