Convertir SVG en ICO Scalable Vector Graphics ↔ Icon Gratuit En ligne Sûr
Un SVG n'est pas une image : c'est la recette pour en dessiner une. Ici la recette est suivie une fois, à la taille que vous choisissez, et le résultat est enregistré en ICO. Le rendu se fait dans un bac à sable où rien du fichier ne peut s'exécuter, et rien n'est envoyé.
Convertissez votre fichier
Déposez un SVG ici, ou choisissez-en un.
Votre fichier ne quitte pas cet appareil. Tout tourne dans votre navigateur.
Rien n'est envoyé
Ce qui distingue un vecteur
Un SVG n'est pas une image ; c'est un jeu d'instructions pour en tracer une — un cercle de ce rayon ici, un trait d'ici à là, cette forme remplie de cette couleur. Il devint norme du web en 2001, et parce qu'il garde le dessin et non le résultat, on peut imprimer un panneau publicitaire à partir du fichier même qui affiche une icône de seize pixels. Un PNG ou un JPEG garde l'inverse : une grille achevée de points colorés, sans mémoire de ce qui les a tracés. Cette dissymétrie décide de tout sur cette page. Aller du vecteur au raster, c'est simplement tracer les instructions à la taille choisie ; aller dans l'autre sens, c'est vectoriser — un programme regarde une grille de points et devine quelles formes ont pu la produire.
Où vous les rencontrez
Logos, icônes, cartes, schémas et graphiques vivent en SVG, car ils doivent rester lisibles à toute taille et demandent souvent d'être recolorés. Les favicons et les icônes d'application en sont tirées. Le sens inverse sert à l'instant où un vecteur doit devenir une image plate : une messagerie qui n'affiche pas le SVG, un aperçu sur un réseau social, un document à imprimer par quelqu'un dont le logiciel est plus ancien que le vôtre, ou un formulaire d'envoi qui n'accepte que des photographies.
Questions fréquentes
J'ai vectorisé une photographie et le résultat est affreux. Pourquoi ?
Parce que la vectorisation n'a jamais été prévue pour la photographie. Elle procède en cherchant des régions de couleur voisine et en traçant un contour autour de chacune, ce qui convient aux aplats — un logo, un pochoir, un dessin au trait — et échoue sur une photographie, où chaque région se fond progressivement dans la suivante. Le programme doit inventer une frontière là où il n'y en a pas, et produit soit des taches d'affiche en aplats, soit un fichier de dizaines de milliers de formes minuscules. Pour les photographies, gardez le raster.
Pourquoi mon SVG s'affiche-t-il autrement dans un autre logiciel ?
Le plus souvent à cause des polices. Un SVG contenant du texte désigne une police par son nom et compte sur la machine qui l'ouvre pour la posséder ; sinon une autre est substituée et la mise en page se déplace. Le remède est de convertir le texte en contours avant l'export : chaque lettre devient une forme et le fichier s'affiche partout pareil — au prix d'un texte qui n'est plus modifiable ni sélectionnable. Les effets avancés, filtres et modes de fusion, sont l'autre source habituelle d'écarts.
Le fichier perd-il en qualité ?
Cela dépend de ce que les deux formats peuvent contenir. Convertir entre des formats qui gardent la même chose — un PNG en BMP, un WAV en FLAC — ne perd rien. Convertir vers un format qui jette de l'information pour gagner de la place, comme JPEG ou MP3, en perd un peu à chaque fois, et revenir en arrière ne la ramène pas. Là où un choix existe, cette page penche pour conserver la qualité d'origine plutôt que pour produire le plus petit fichier.
Mon fichier est-il envoyé quelque part ?
Non. La conversion se fait dans votre navigateur, sur votre propre machine ; le fichier ne la quitte jamais et il n'y a ici aucun serveur qui pourrait le recevoir. C'est pourquoi un gros fichier est limité par votre mémoire et non par un envoi, et pourquoi rien de ce que vous convertissez ne peut figurer dans les journaux de qui que ce soit — les nôtres compris. Les outils de son et de vidéo vont toutefois chercher leur moteur de conversion sur ce site à la première utilisation — une trentaine de mégaoctets, une seule fois ; ensuite le travail se fait toujours entièrement sur votre machine.
Pourquoi on convertit un SVG en ICO
Un fichier ICO est une icône. C'est la petite image qui apparaît dans l'onglet d'un navigateur à côté du nom d'une page, dans une liste de favoris, sur un raccourci et dans le coin d'une fenêtre de programme sous Windows. Si vous tenez un site web, vous en voulez une qui porte votre marque. Si vous créez un programme, il vous en faut une pour son exécutable. Et si vous avez un logo, il s'agit très probablement d'un dessin vectoriel au format SVG. C'est pourquoi on convertit des SVG en ICO : on a le dessin de la marque, et il faut le fichier d'icône que les navigateurs et les systèmes d'exploitation réclament toujours par son nom.
Un SVG n'est pas une image. C'est un ensemble d'instructions pour en dessiner une : trace un cercle ici, une courbe là, remplis cette forme avec cette couleur. Parce que ce sont des instructions et non des pixels, un SVG peut être affiché à n'importe quelle taille sans devenir flou. Une icône, en revanche, est une poignée de petites images regroupées dans un fichier, chacune faite pour une taille précise. Cette page suit les instructions de votre SVG une fois pour chaque taille et range les résultats dans un fichier ICO.
Cette page convertit le SVG en ICO dans votre navigateur. Le dessin est affiché dans un bac à sable où rien de ce que contient le fichier ne peut s'exécuter, et rien n'est envoyé. Vous trouverez plus bas comment cela fonctionne, quelles tailles le fichier contient, pourquoi les petites icônes posent un problème particulier et que faire à ce sujet.
Comment fonctionne la conversion
Six tailles dans un seul fichier
L'ICO obtenu contient six tailles dans un seul fichier : 16, 32, 48, 64, 128 et 256 pixels. Chacune est redessinée à partir du SVG plutôt que réduite à partir des autres ; la version de 16 pixels est donc les instructions suivies à 16 pixels, et non une copie rétrécie de la grande. Toutes conservent leur transparence. Un système d'exploitation ou un navigateur choisit ensuite la taille qui convient à l'endroit où l'icône est affichée.
Un bac à sable où rien ne peut s'exécuter
Un fichier SVG peut, en principe, contenir des scripts et des références à d'autres éléments. Pour que cela ne devienne jamais un risque, le dessin est affiché dans un bac à sable où rien de ce que contient le fichier ne peut s'exécuter. Seules les formes sont peintes. C'est sûr même pour des fichiers que vous avez téléchargés d'un endroit auquel vous ne faites pas entièrement confiance.
Pourquoi redessiner vaut mieux que réduire
Quand vous réduisez une grande image en une minuscule, les détails se fondent les uns dans les autres et les lignes deviennent grises. Redessiner à partir des instructions vectorielles à la taille cible donne le résultat le plus net que chaque taille puisse avoir, puisque les lignes sont placées directement sur la grille de pixels.
Ce qui est conservé
Les six tailles
Vous recevez 16, 32, 48, 64, 128 et 256 pixels, ce qui couvre les endroits où les icônes sont normalement affichées : onglets de navigateur, barre des tâches, raccourcis du bureau, listes de fichiers et grands aperçus.
La transparence
La transparence est conservée dans les six tailles. Les zones du SVG sans remplissage restent transparentes dans l'ICO, et l'icône prend donc la couleur de ce qui se trouve derrière.
La forme de la marque
Le dessin est conservé tel quel, avec ses couleurs et ses formes. Si le SVG n'est pas carré, il est ajusté dans le carré de chaque icône sans être déformé.
Ce qu'il faut savoir avant de convertir un SVG en ICO
Une icône est un autre dessin
Une icône n'est pas une petite image, c'est un autre dessin. Tout ce qui comporte des lignes fines ou du petit texte tourne à la bouillie à 16 pixels, aussi soigneusement qu'il soit rendu. Un logo qui a fière allure sur une affiche peut être illisible en favicon. Si le résultat paraît boueux, la réponse est un SVG plus simple plutôt qu'une meilleure conversion.
Concevez pour la plus petite taille
Les meilleures icônes sont faites en pensant à la plus petite taille : une forme franche, un nombre limité de couleurs, pas de traits ultrafins et pas de lettrage au-delà d'une seule lettre. Si vous le pouvez, préparez à cette fin une version simplifiée de votre logo sous forme de SVG distinct, puis convertissez ce SVG en ICO.
Les polices et images venues d'ailleurs ne sont pas résolues
Les polices et images que le SVG va chercher ailleurs ne sont pas résolues dans le bac à sable. Un texte composé dans une police web chargée depuis un serveur retombe sur une police système, et une image liée depuis l'extérieur du fichier sera absente. Pour le meilleur résultat, convertissez le texte en contours et intégrez les images.
Comment convertir un SVG en ICO ici
Ajoutez votre dessin
Déposez le SVG sur la page ou choisissez-le sur votre appareil. Il est lu dans votre navigateur et n'est pas envoyé.
Convertissez
Appuyez sur le bouton. Les six tailles sont dessinées l'une après l'autre, ce qui prend un instant. Laissez la page ouverte jusqu'à la fin.
Téléchargez et testez
Téléchargez l'ICO et essayez-le là où il sera utilisé. Sur un site web, placez-le dans le dossier racine sous le nom favicon.ico, ou liez-le dans l'en-tête de la page, et regardez l'onglet d'un navigateur. Sous Windows, vous pouvez l'attribuer à un raccourci et voir son aspect à diverses tailles.
Un regard plus attentif sur le SVG et l'ICO
Vectoriel et regroupement
Un SVG est un dessin unique qui peut être rendu à n'importe quelle taille. Un ICO est un conteneur renfermant plusieurs images, chacune d'une taille fixe. Le logiciel qui affiche une icône choisit l'image la plus proche de la taille dont il a besoin, ce qui évite un redimensionnement flou. Convertir un SVG en ICO, c'est rendre le dessin aux tailles que le conteneur est censé contenir.
Où les icônes sont utilisées
Les navigateurs utilisent les plus petites tailles pour les onglets et les plus grandes pour les favoris et la page de nouvel onglet. Windows les utilise pour la barre des tâches, le menu Démarrer et l'Explorateur. Les appareils mobiles ont leurs propres jeux de tailles d'image pour les écrans d'accueil, qui sont normalement des fichiers PNG et non des ICO. Si vous préparez une icône d'application pour un téléphone, Convertir SVG en PNG aux tailles que la plateforme exige est la meilleure voie.
Les favicons aujourd'hui
Les navigateurs modernes acceptent le PNG et même le SVG comme favicons, mais l'ICO reste le format qui fonctionne partout, y compris dans les vieux navigateurs, certains lecteurs de flux et des outils qui cherchent automatiquement favicon.ico. En avoir un est le choix sûr.
Situations courantes en détail
Le favicon d'un site web
Convertissez le SVG en ICO, enregistrez le fichier sous le nom favicon.ico à la racine de votre site et liez-le. L'onglet de chaque navigateur portera votre marque, ce qui rend la page reconnaissable parmi de nombreux onglets ouverts.
L'icône d'un programme Windows
Les programmes sous Windows portent une icône dans leur exécutable et dans leurs raccourcis. Les développeurs ont besoin pour cela d'un ICO multitaille. Les six tailles que vous recevez couvrent les exigences habituelles.
Raccourcis et dossiers
Sous Windows, vous pouvez donner à un raccourci ou à un dossier votre propre icône. Un ICO issu de votre logo rend votre bureau ou vos dossiers de projet plus faciles à reconnaître.
Sites de petites entreprises et blogs
Un favicon est un petit détail qui donne à un site l'air achevé. Si votre logo est un SVG, cette conversion produit le fichier que les constructeurs de sites vous demandent de téléverser.
Conseils pratiques avant de convertir un SVG en ICO
Simplifiez le dessin
Retirez les lignes fines, supprimez le lettrage ou gardez une seule lettre, et utilisez des formes franches. Regardez le SVG à 16 pixels dans votre logiciel de dessin avant de convertir, pour voir à quoi ressemblera la plus petite icône.
Rendez le dessin carré
Les icônes sont carrées. Si votre logo est large, placez-le sur un plan de travail carré avec une certaine marge, pour qu'il ne soit pas coupé et ne soit pas minuscule dans le carré.
Vérifiez le contraste
Les onglets de navigateur peuvent être clairs ou sombres. Une marque au fort contraste sur les deux fonds se voit plus facilement. Un fin contour blanc sur une marque sombre, ou une forme de couleur unie, fonctionne généralement.
Gardez le SVG
Le SVG est l'original. Si vous décidez de modifier l'icône plus tard, vous en aurez besoin pour convertir de nouveau le SVG en ICO.
Questions que l'on se pose avant de convertir
Pourquoi mon icône est-elle floue à 16 pixels ?
Parce que 16 pixels, c'est très peu. Les lignes fines et le petit texte n'y sont pas représentables. Simplifiez le dessin au lieu de chercher une meilleure conversion.
Quelles tailles le fichier contient-il ?
16, 32, 48, 64, 128 et 256 pixels, chacune redessinée à partir du SVG, toutes avec transparence.
La transparence sera-t-elle conservée ?
Oui. Un fond transparent dans le SVG est transparent dans les six tailles de l'ICO.
Puis-je utiliser le fichier comme favicon ?
Oui. Nommez-le favicon.ico, placez-le à la racine de votre site, ou liez-le depuis l'en-tête de vos pages.
Mon fichier est-il envoyé ?
Non. La conversion s'exécute dans votre navigateur et le fichier ne quitte jamais votre appareil.
Puis-je faire un SVG à partir d'une icône ?
Oui, dans une certaine mesure. Convertir un ICO en SVG vectorise une icône en formes, bien que la petite taille limite ce qui peut être récupéré.
Bien choisir quand vous convertissez un SVG en ICO
ICO ou PNG ?
Pour un favicon qui fonctionne partout, choisissez l'ICO. Pour les icônes d'application sur téléphone et pour les images des pages web, le PNG est le format habituel. Convertir SVG en PNG vous le donne.
Pensez à l'ensemble
Si vous préparez une marque, il vous faudra peut-être un logo en PNG, un favicon en ICO et une version imprimable en PDF. Convertir SVG en PDF garde le dessin comme un dessin pour l'impression.
Testez sur un vrai onglet
Regardez l'icône dans un véritable onglet de navigateur, avec un thème clair comme avec un thème sombre. C'est là que la plupart des gens la verront.
Obtenir un bon résultat après la conversion
Videz le cache du navigateur
Les navigateurs gardent les favicons longtemps. Si vous remplacez une icône et voyez toujours l'ancienne, videz le cache ou ouvrez le site dans une fenêtre privée.
Vérifiez toutes les tailles
Si vous avez un outil qui ouvre les fichiers ICO, regardez chaque taille. Une marque correcte à 256 pixels peut être illisible à 16, et cela vous dit s'il faut simplifier.
Nommez-le correctement
Les navigateurs cherchent par défaut favicon.ico à la racine d'un site. Gardez ce nom, sauf si vous liez explicitement le fichier.
Concevoir une marque qui survit à la plus petite taille
Partez de la grille de 16 pixels
Le moyen le plus sûr d'obtenir un bon résultat quand vous convertissez un SVG en ICO est de concevoir en pensant à la plus petite taille. Imaginez une grille de seize carrés sur seize et demandez-vous ce que vous pouvez y placer. Un cercle, une lettre, un glyphe simple : oui. Une signature, un blason avec devise : non. Les plus grandes tailles auront bonne allure quoi que vous dessiniez ; la petite est donc la contrainte pour laquelle concevoir.
Utilisez des formes franches et peu de couleurs
Deux ou trois couleurs bien contrastées se lisent mieux qu'un dégradé de nombreuses. Les formes pleines qui occupent l'essentiel du carré sont plus faciles à reconnaître que de fins contours, car chaque pixel porte davantage de la marque.
Laissez un peu d'air
Une marque qui touche le bord du carré peut paraître à l'étroit, et certains systèmes ajoutent leurs propres arrondis ou bordures. Une marge d'un ou deux pixels à la plus petite taille garde la forme intacte.
Regardez-la à côté d'autres icônes
Ouvrez quelques onglets de sites connus et comparez. Vous verrez que les icônes qui fonctionnent le mieux sont très simples. Empruntez cette discipline avant de convertir le SVG en ICO, et votre résultat tiendra dans une foule d'onglets.
Confidentialité et manipulation
Pourquoi la conversion locale compte pour les dessins
Les logos et marques peuvent être confidentiels avant leur publication. De nombreux convertisseurs en ligne envoient votre fichier vers un serveur, le traitent et renvoient le résultat, et pendant un temps une copie vit sur une machine que vous ne contrôlez pas. Ici, c'est votre propre navigateur qui fait le travail ; le dessin reste donc sur votre appareil.
Ce qui se passe quand vous partez
Quand vous fermez la page, le fichier converti disparaît du navigateur ; téléchargez-le donc d'abord. Rien de votre dessin n'est conservé.
Si quelque chose se passe mal
L'icône sort vide
Il manque peut-être au SVG une taille ou une viewBox. Ouvrez-le dans un éditeur de texte et vérifiez qu'il a une largeur et une hauteur ou une viewBox, ou corrigez-le dans votre logiciel de dessin.
L'icône est coupée
Certains SVG ont des éléments qui dépassent de leur zone déclarée. Ajustez la viewBox dans l'original pour que tout tienne à l'intérieur.
La page se fige
Tout s'exécute sur votre appareil. Réessayez sur un ordinateur, ou avec un dessin plus simple.
Outils associés
La même famille d'outils couvre les tâches voisines. Pour des images aux tailles de votre choix, utilisez Convertir SVG en PNG ou Convertir SVG en JPG. Pour un document qui reste net à tous les zooms, Convertir SVG en PDF garde le dessin comme un dessin. Pour vectoriser des images en formes, Convertir un ICO en SVG, Convertir un PNG en SVG et Convertir un JPG en SVG font le travail.
Un exemple détaillé
Supposons que vous ayez lancé un petit blog, et que votre logo soit un SVG : une feuille verte avec le nom du blog en dessous. Vous déposez le SVG ici et appuyez sur le bouton. L'ICO arrive, et dans l'onglet du navigateur la feuille est reconnaissable, mais le nom en dessous est illisible. Vous ouvrez votre logiciel de dessin, faites une version avec la seule feuille, convertissez de nouveau le SVG en ICO et téléversez le nouveau fichier sous le nom favicon.ico. L'onglet affiche maintenant une feuille verte bien nette, et le logo complet reste sur la page.
Une courte liste de contrôle
Avant de convertir
Simplifiez le dessin. Rendez-le carré. Convertissez le texte en contours et intégrez les images.
Pendant la conversion
Restez sur la page jusqu'à ce que le fichier soit prêt.
Après la conversion
Testez l'ICO dans un onglet de navigateur et dans un raccourci, avec des thèmes clairs et sombres, et gardez le SVG.
Erreurs courantes
Utiliser le logo complet
Le lettrage et les détails fins disparaissent à 16 pixels. Utilisez une marque simplifiée.
Attendre d'une meilleure conversion qu'elle sauve un dessin chargé
Le défaut vient de la taille, non de l'outil. Simplifiez le SVG.
Oublier le cache
Un ancien favicon peut s'attarder dans le navigateur. Videz le cache avant de décider que le nouveau a échoué.
Votre dessin reste sur votre appareil
La conversion se fait en local. Votre dessin est lu par votre propre navigateur, peint là et rendu sous forme d'ICO. Rien n'est envoyé : aucune copie n'aboutit sur un serveur et personne d'autre ne peut le voir. Pour les marques non publiées, c'est la manière sûre de convertir un SVG en ICO.
Résumé
Pour convertir un SVG en ICO ici, déposez le dessin et appuyez sur le bouton. Un SVG n'est pas une image mais des instructions pour en dessiner une, et ici ces instructions sont suivies une fois pour chaque taille et les résultats sont enregistrés en ICO. Le dessin est affiché dans un bac à sable où rien de ce que contient le fichier ne peut s'exécuter, et rien n'est envoyé. Le fichier contient six tailles : 16, 32, 48, 64, 128 et 256 pixels, chacune redessinée à partir du SVG plutôt que réduite à partir des autres, et toutes avec transparence. Une icône n'est pas une petite image, c'est un autre dessin : tout ce qui comporte des lignes fines ou du petit texte tourne à la bouillie à 16 pixels, aussi soigneusement qu'il soit rendu. Si le résultat paraît boueux, la réponse est un SVG plus simple plutôt qu'une meilleure conversion. Les polices et images venues d'ailleurs ne sont pas résolues.