UltKit

Convertisseur SVG en ICO

Partir d'un SVG est le cas idéal pour un favicon : chaque taille d'icône est dessinée directement à partir du vecteur au lieu d'être réduite depuis une grande image matricielle. La version 16 px reste donc aussi nette que la grille de pixels le permet.

Convertisseur d’images

ou déposez Fichiers JPG, JPEG, JPE … ici ·

95 Mo max. par fichier· Jusqu'à 20 fichiers· Supprimés après 30 minutes

Sortie

Les fichiers sont traités sur nos serveurs et supprimés après 30 minutes.

Comment utiliser cet outil

  1. 1

    Importez le logo SVG

    Utilisez le symbole ou le monogramme, pas le logotype complet. Une viewBox carrée donne le résultat le plus net.

  2. 2

    Conservez toutes les tailles d'icône

    Tailles d’icône démarre sur Toutes les tailles (16–256), qui regroupe toutes les résolutions dans un seul fichier .ico. Ne choisissez une taille unique que si un programme en demande exactement une.

  3. 3

    Cliquez sur Convertir en ICO

    Enregistrez le fichier sous le nom favicon.ico dans le dossier racine de votre site, ou faites pointer un raccourci Windows vers lui.

Réponse

Comment convertir un SVG en ICO pour un favicon ?

Importez le SVG, laissez Tailles d’icône sur Toutes les tailles (16–256) et appuyez sur Convertir en ICO. Vous obtenez un seul fichier .ico avec toutes les résolutions dessinées à partir du vectoriel, transparence conservée.

Convertisseur SVG en ICO : pourquoi le vectoriel est la bonne source

Le format .ico remonte aux premières versions de Windows, et la convention favicon.ico à Internet Explorer 5 en 1999, qui cherchait un fichier de ce nom à la racine de chaque site ajouté aux favoris. Un ICO est un petit conteneur : un répertoire d’entrées, chacune étant un bitmap carré distinct, si bien qu’un même fichier peut contenir une icône d’onglet de 16 px et une icône de bureau de 256 px. Windows Vista a porté le maximum à 256 × 256 et permis de stocker ces grandes entrées au format PNG.

Chaque entrée étant son propre bitmap, la qualité d’une icône dépend de la façon dont chaque taille a été produite. À partir d’un PNG, chaque taille est une réduction des mêmes pixels. À partir d’un SVG, chaque taille est un nouveau rendu des tracés, avec un anticrénelage calculé pour cette grille précise. À 16 × 16 px, où un logo ne dispose que de 256 pixels, la différence se voit.

1:1

16 × 16 px

16 × 16

Onglets du navigateur, favoris et listes d’historique.

1:1

32 × 32 px

32 × 32

Onglets sur écrans haute densité, raccourcis de la barre des tâches Windows.

1:1

64 × 64 px

64 × 64

Affichages du bureau mis à l’échelle et éléments épinglés.

1:1

128 × 128 px

128 × 128

Grands aperçus dans les gestionnaires de fichiers.

1:1

256 × 256 px

256 × 256

La plus grande entrée ICO ; icônes très grandes de l’Explorateur.

SVG

Scalable Vector Graphics

SVG est un format vectoriel fondé sur XML, normalisé par le W3C en 2001. Au lieu de pixels, il décrit des formes, des tracés et du texte ; il reste donc net à n'importe quelle taille et est généralement minuscule pour les logos et icônes. Il prend en charge la transparence, le style CSS, les scripts et l'animation, et tous les navigateurs l'affichent nativement. Le SVG ne convient pas aux photographies, et les illustrations complexes peuvent devenir lentes à afficher. Illustrator, Inkscape, Figma et les navigateurs peuvent l'ouvrir et le modifier.

Compression
–
Transparence
Oui
Animation
Oui
Année de création
2001 · W3C
Convertisseur SVG

ICO

Icône Windows

ICO est le format d'icône de Microsoft utilisé pour les icônes de programmes Windows et les favicons de sites web. Un seul fichier .ico peut contenir plusieurs images de tailles différentes, comme 16×16, 32×32, 48×48 et 256×256 pixels, afin que le système choisisse la plus adaptée. Chaque image peut être stockée en bitmap ou en données PNG et prend en charge la transparence alpha complète. L'ICO n'est pas fait pour les photos ni les grandes illustrations. Les navigateurs, Windows et la plupart des éditeurs d'icônes savent le lire.

Compression
Sans perte
Transparence
Oui
Animation
Non
Année de création
Microsoft
Convertisseur ICO

On convertit un SVG en ICO parce que le logo existe en vectoriel alors que la racine du site, un raccourci Windows ou une application de bureau attendent encore un fichier .ico contenant plusieurs tailles en bitmap.

Préparez le SVG avant de le convertir en ICO

À faireÀ éviter
Définissez la viewBox sur un carré, par exemple 0 0 512 512.Compter sur des traits très fins qui disparaissent sous 32 px.
Laissez une petite marge pour que le symbole ne touche pas le bord de l’icône.Garder un logotype large qui devient une mince tache.
Convertissez le texte en contours pour que la police ne change pas.Référencer des images externes ou des polices web dans le SVG.
Utilisez le symbole ou les initiales, pas le nom complet.Ajouter un rectangle blanc derrière le logo, sauf si vous le voulez aussi dans les onglets sombres.

Le convertisseur restitue ce que décrit le SVG, et rien d’autre : les ressources liées et les polices non intégrées ne peuvent pas être récupérées. Des outils de conception comme Figma, Illustrator et Inkscape savent exporter le texte en tracés ; faites-le et les lettres resteront fidèles à votre marque partout.

Une fois le .ico prêt, ajoutez un PNG de 180 px pour les icônes Apple touch et le SVG lui-même pour les navigateurs qui gèrent les favicons vectoriels ; SVG en PNG produit le PNG à n’importe quelle taille. Si votre logo source est un bitmap, PNG en ICO fait le même travail à partir des pixels.

Convertir SVG en ICO : questions fréquentes

Pourquoi convertir un SVG en ICO plutôt que partir d'un PNG ?

Un PNG doit être réduit pour chaque taille d’icône, et la réduction rend les contours flous. Un SVG est rendu directement en 16, 32, 64, 128 et 256 px : chaque taille obtient donc des contours nets, adaptés à sa propre grille de pixels.

Les navigateurs ont-ils encore besoin d'un favicon.ico si mon site a une icône SVG ?

Chrome et Firefox lisent un favicon SVG déclaré avec une balise link, mais de nombreux navigateurs, lecteurs de flux et robots d’exploration demandent encore /favicon.ico à la racine du site par défaut. Fournir les deux couvre tous les cas.

Que se passe-t-il si mon SVG n'est pas carré ?

Les emplacements d’icône sont carrés : un logo large se retrouve soit avec des marges vides, soit minuscule. Modifiez d’abord la viewBox pour que la largeur soit égale à la hauteur, ou recadrez une version carrée avec l’outil recadrer une image après avoir exporté un PNG.

Le fond transparent est-il conservé dans l'ICO ?

Oui. L’ICO gère un canal alpha : les zones sans remplissage dans le SVG restent transparentes et l’icône s’affiche proprement sur les onglets clairs comme sombres.

Puis-je convertir un SVG en ICO pour l'icône d'un programme ou d'un dossier Windows ?

Oui, le même fichier convient. Windows lit l’image de 256 px pour les affichages grand et très grand de l’Explorateur, et les entrées plus petites pour les listes et la barre des tâches.

Pourquoi mon icône paraît-elle vide en 16 px ?

Les traits fins et les petits textes disparaissent à cette taille. Un trait de 2 unités dans un plan de travail de 512 unités s’affiche à bien moins d’un pixel dans une icône de 16 px. Épaississez les lignes ou utilisez un symbole plus simple pour le favicon.