SVG vers favicon

Transformez un logo SVG en jeu complet de favicons — favicon.ico, apple-touch-icon et icônes de web app — rastérisés nettement 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.

Du vectoriel en entrée, toutes les tailles matricielles en sortie

Un SVG est la source idéale pour un favicon : il est indépendant de la résolution, si bien que chaque taille d’icône peut être rastérisée depuis la géométrie d’origine plutôt que rééchantillonnée depuis une image déjà réduite. Déposez votre SVG et chaque sortie — 16, 32, 48, 180, 192 et 512 pixels — est dessinée depuis le vectoriel à sa taille native, ce qui garde des bords nets plutôt que brouillons. C’est toute la différence entre une icône qui paraît maîtrisée dans un onglet et une qui ressemble à une tache.

Pourquoi vous voulez quand même le .ico

Les navigateurs modernes utilisent volontiers un favicon SVG directement, mais les plus anciens et bon nombre d’outils — lecteurs de flux, aperçus de liens dans les messageries, raccourcis de bureau — cherchent encore favicon.ico. Générer les deux depuis le même SVG couvre tous les cas. Ajoutez une marge, choisissez un masque carré, arrondi ou circulaire et un fond, puis téléchargez le jeu complet avec un extrait HTML prêt à coller.

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.