Générateur de favicon

Générez un jeu complet de favicons à partir d’une seule image — favicon.ico, apple-touch-icon, icônes Android/PWA et l’extrait HTML — entièrement dans votre navigateur. Rien n’est envoyé.

La confidentialité avant tout : chaque image est traitée localement dans votre navigateur. Rien n’est envoyé, stocké ni transmis à un serveur.

Toutes les icônes dont un site moderne a besoin, d’un coup

Un favicon n’est plus un seul fichier. Les navigateurs lisent un petit favicon.ico pour les onglets et la barre d’adresse, iOS veut un apple-touch-icon de 180×180 pour l’écran d’accueil, et Android et les web apps installables tirent des PNG de 192 et 512px depuis un manifeste web. Ce générateur les construit tous à partir d’une seule image source et vous fournit un extrait HTML prêt à coller, pour que vous n’ayez pas à exporter six tailles à la main.

Cadré comme vous le voulez, gardé privé

Gardez l’icône carrée, arrondissez les coins ou rognez-la en cercle ; ajoutez une marge pour qu’un logo ne soit pas collé au bord ; et choisissez un fond transparent ou uni. Un aperçu en direct montre le résultat aux vraies tailles de favicon, y compris un onglet de navigateur simulé. Comme chaque fichier est généré sur votre appareil, votre logo — souvent une identité de marque encore inédite — n’est jamais envoyé à un serveur.

Questions fréquentes

Mon image est-elle envoyée pour créer le favicon ?
Non. Le favicon.ico, les icônes PNG et le manifeste sont tous générés localement dans votre navigateur à l’aide de l’API Canvas. Votre image ne quitte jamais votre appareil.
Quelles tailles et quels fichiers est-ce que j’obtiens ?
Un favicon.ico multi-résolution (16, 32 et 48 px), des icônes PNG en 16, 32, 48, 180 (apple-touch-icon), 192 et 512 px, un site.webmanifest et un extrait HTML à coller dans votre <head>.
Puis-je convertir un PNG ou un SVG en ICO ?
Oui. Déposez un PNG, un JPG, un SVG ou un WebP et téléchargez un véritable favicon.ico. Les logos SVG sont d’abord rasterisés localement en haute résolution.
Quelle image fonctionne le mieux ?
Une image carrée avec un logo simple et très contrasté. Les images non carrées sont recadrées au centre pour s’ajuster ; utilisez les réglages de marge et de forme pour la cadrer comme vous le souhaitez.
Comment installer le favicon ?
Décompressez l’archive dans le dossier racine de votre site et collez l’extrait HTML fourni dans le <head> de vos pages. Le favicon.ico est détecté automatiquement par la plupart des navigateurs.