Aller au contenu
ImageConverter

Conversion sécurisée sur serveur

Convertisseur SVG en ICO

Convertissez un SVG en icône Windows ICO contenant des versions de 16, 32, 48 et 256 pixels. De toutes les conversions de ce site, c’est celle où le format source est exactement le bon : chaque taille est dessinée à partir de vos formes d’origine au lieu d’être réduite depuis un bitmap.

Supprimé automatiquement Fichiers envoyés effacés sous 30 minutes

Glissez-déposez vos images SVG ici

Ajoutez-en plusieurs à la fois. Chaque fichier est traité puis supprimé de notre serveur.

Jusqu’à 20 Mo par fichier Lot prêt

Étape par étape

Comment convertir un SVG en ICO en 3 étapes

  1. Ajoutez votre SVG

  2. Rien à régler

    Chaque taille standard est rendue depuis le vecteur.

  3. Téléchargez votre fichier .ico

Comparaison des formats

SVG ou ICO

SVG (Scalable Vector Graphics)

Vectoriel

Décrit les formes et le texte par des instructions plutôt que par des pixels : il peut donc être dessiné net à n’importe quelle taille.

  • Net à toutes les tailles, du favicon au panneau publicitaire
  • Des fichiers très légers pour les logos, icônes et diagrammes
  • Ne peut pas représenter une photo, et beaucoup d’applications ne l’importent pas

ICO (icône Windows)

Icône multi-tailles

Regroupe plusieurs tailles d’une même petite image dans un seul fichier, pour les icônes Windows et les favicons de sites.

  • Plusieurs tailles d’icône dans un seul fichier
  • Compris par tous les navigateurs comme favicon
  • Uniquement pour les petites images : chaque entrée fait au plus 256 × 256 pixels

Pourquoi une source vectorielle est vraiment meilleure ici

Tous les autres chemins vers une icône partent d’un bitmap et le réduisent. Réduire fait la moyenne des pixels, et aux tailles où vivent les icônes (16 et 32 pixels), cette moyenne est brutale. Un trait net d’un pixel dans une image de 256 pixels devient à 16 une vague trace grise.

Un SVG n’est pas fait de pixels, mais d’instructions. L’entrée 16 pixels est donc dessinée à 16 pixels, le moteur de rendu décidant où placer les contours à cette échelle, au lieu d’être dérivée d’une image plus grande. Les traits tombent sur des pixels entiers, les formes restent fermées et le contraste survit.

La différence se voit nettement sur un onglet de navigateur, et c’est pourquoi les graphistes gardent leurs icônes en vectoriel et n’exportent les bitmaps qu’en dernier.

La transparence est correctement conservée

Un dessin SVG est presque toujours tracé sur de la transparence, et elle est reprise telle quelle. Là où votre dessin ne couvre rien, l’icône est vraiment transparente : elle s’affiche correctement sur un onglet clair, un onglet sombre, une barre des tâches colorée ou n’importe quoi d’autre.

Un dessin non carré est centré sur un canevas carré avec une marge transparente au lieu d’être étiré : les proportions sont conservées et aucun fond n’est ajouté.

Ce qui demande encore de l’attention

Un détail invisible à 16 pixels est pire qu’inutile : il devient du bruit qui brouille la forme. Si votre logo comporte des traits fins, du petit texte ou un contour mince, ils ne seront pas lisibles, aussi bien rendus soient-ils.

Les jeux d’icônes professionnels règlent cela en dessinant une version simplifiée distincte pour les petites tailles : moins d’éléments, des traits plus épais, parfois juste une initiale. Si votre icône compte, cela vaut la peine : exportez un SVG simplifié, faites-en un ICO et utilisez-le pour les petites tailles.

Les polices sont un piège. Si votre SVG nomme une police au lieu d’intégrer la forme des lettres, le moteur de rendu la remplace par ce dont il dispose, et votre logotype peut sortir dans une tout autre police. Convertissez le texte en tracés dans votre logiciel avant l’export.

Qualité

Qualité et taille du fichier

Il n’y a pas de réglage de qualité. Chaque taille est rendue depuis le vecteur et stockée sans perte : c’est le meilleur résultat possible, quelle que soit la source.

Les règles de dessin qui comptent vraiment à 16 pixels

  • Une seule idée. Un symbole, une lettre, une silhouette. Pas une scène, pas un logotype, pas un logo avec son slogan.
  • Des traits d’au moins 1/16 de la largeur environ. Tout ce qui est plus fin disparaît à la plus petite taille.
  • Un contraste fort sur fond clair comme sur fond sombre. Les onglets de navigateur existent dans les deux, et une icône qui disparaît sur l’un échoue la moitié du temps.
  • Laissez un peu d’air : un dessin qui touche les bords paraît à l’étroit à côté des autres onglets.

Testez-la en petit, sur les deux thèmes

Regardez la version 16 pixels en taille réelle, sur du blanc et sur un noir presque pur. La plupart des défauts d’icône sont invisibles à toute autre taille et flagrants à celle-là.

Pour un site web, prenez tout le jeu

Un ICO seul ne suffit plus depuis des années. Le générateur de favicon prend le même SVG et produit le jeu moderne complet (l’ICO, les tailles PNG que recherchent Apple et Android, et les entrées du manifeste) : c’est ce dont un site a réellement besoin.

Est-il sûr d’envoyer un SVG ?

La question est légitime, car le SVG est le seul format d’image qui soit en réalité un programme : il peut contenir des scripts et des références à des ressources externes.

Chaque SVG est contrôlé avant que quoi que ce soit ne l’analyse. Les fichiers qui déclarent des types de document ou des entités, contiennent des scripts ou font référence à des ressources externes sont refusés d’emblée plutôt que nettoyés, et le moteur de rendu ignore en outre les références externes. Le résultat étant un bitmap rendu, rien de votre fichier ne pourrait jamais s’exécuter nulle part.

Où placer le fichier

Nommez-le favicon.ico et placez-le à la racine de votre site (/favicon.ico), pas dans un dossier d’assets. Les navigateurs demandent ce chemin précis sans qu’on le leur dise, tout comme les lecteurs de flux, les messageries qui construisent des aperçus de liens et les gestionnaires de favoris.

Vous pouvez aussi le déclarer dans votre HTML, mais c’est le fichier à la racine qui sert tous les clients qui ne lisent pas d’abord votre code.

Pourquoi ne pas simplement utiliser un favicon SVG ?

C’est possible, et les navigateurs modernes le gèrent : <link rel="icon" href="/icon.svg"> fonctionne dans Chrome, Firefox et Safari, et reste net à toutes les tailles, y compris sur des écrans qui n’existent pas encore.

Ce qu’il ne couvre pas, c’est tout ce qui n’est pas un navigateur moderne : raccourcis Windows, installateurs, anciens clients et la requête automatique vers /favicon.ico. La réponse habituelle est de faire les deux : une icône SVG déclarée dans le HTML et un ICO à la racine en solution de repli. Cet outil fabrique le second à partir du premier.

Récupérer le dessin d’une ancienne icône

Dans l’autre sens, la conversion ICO en PNG extrait la plus grande image d’une icône existante. Vous obtiendrez un bitmap, pas des vecteurs (un ICO ne contient aucune information de forme à récupérer), mais c’est souvent suffisant pour redessiner.

Ce que devient votre fichier

Les navigateurs ne savent pas écrire le conteneur ICO : la conversion se fait donc sur notre serveur. Votre fichier envoyé est supprimé dès la fin de la conversion, le résultat est supprimé au moment où vous le téléchargez, et tout ce qui est abandonné est effacé automatiquement.

Confidentialité

Ce que devient votre fichier

Cet outil fonctionne sur notre serveur, pour un résultat identique sur tous les téléphones et ordinateurs. Votre fichier est envoyé, et voici exactement ce qu’il devient :

  • Stocké hors de la partie publique du serveur sous un nom aléatoire, jamais sous le nom de votre fichier.
  • Traité, avec le fichier envoyé supprimé immédiatement, que l’opération ait réussi ou échoué.
  • Le résultat se trouve derrière un lien signé que vous seul recevez, qui cesse de fonctionner après 20 minutes, et le fichier est supprimé dès que vous le téléchargez.
  • Tout ce qui n’est jamais récupéré est supprimé automatiquement sous 30 minutes.
  • L’image elle-même n’est jamais journalisée ni conservée. Si une conversion échoue, nous enregistrons les formats concernés et l’erreur, pas le fichier.
  • Les métadonnées de l’appareil, y compris les éventuelles coordonnées GPS du lieu de prise de vue, sont retirées du résultat. Seule la rotation nécessaire pour afficher l’image dans le bon sens est conservée.

Questions et réponses

SVG en ICO : questions fréquentes

Pourquoi un SVG est-il une meilleure source d’icône qu’un PNG ?

Parce que chaque taille est dessinée à partir de vos formes d’origine au lieu d’être réduite depuis un bitmap. Réduire fait la moyenne des pixels, et à 16 pixels c’est brutal : un trait net d’un pixel dans une image de 256 pixels devient une vague trace grise. Rendre à 16 pixels permet aux contours de tomber sur des pixels entiers et préserve le contraste. La différence se voit sur un onglet de navigateur.

La transparence est-elle conservée ?

Oui, correctement. Un dessin SVG est presque toujours tracé sur de la transparence et elle est reprise : l’icône s’affiche bien sur un onglet clair, un onglet sombre ou une barre des tâches colorée. Un dessin non carré est centré avec une marge transparente au lieu d’être étiré.

Mon logo a des détails fins. Cela fonctionnera-t-il ?

Probablement pas à 16 pixels, aussi bien rendu soit-il : les traits fins et le petit texte deviennent du bruit qui brouille la forme. Les jeux d’icônes professionnels dessinent une version simplifiée distincte pour les petites tailles : moins d’éléments, des traits plus épais, parfois juste une initiale. Si l’icône compte, exportez un SVG simplifié et faites les petites tailles à partir de lui.

Mon texte est sorti dans la mauvaise police.

Votre SVG nomme une police au lieu d’intégrer la forme des lettres : le moteur de rendu l’a remplacée par ce dont il disposait. Convertissez le texte en tracés dans votre logiciel avant l’export, ce qui vaut la peine pour tout dessin qui quitte votre machine.

Puis-je simplement utiliser un favicon SVG ?

En partie. Les navigateurs modernes gèrent <link rel="icon" href="/icon.svg">, qui reste net à toutes les tailles. Il ne couvre pas les raccourcis Windows, les installateurs, les anciens clients, ni la requête automatique vers /favicon.ico que les navigateurs font d’eux-mêmes. La réponse habituelle est de faire les deux : un SVG déclaré dans le HTML et un ICO à la racine.

Est-il sûr d’envoyer un SVG ?

Chaque SVG est contrôlé avant toute analyse : les fichiers avec des déclarations de type de document, des entités, des scripts ou des références externes sont refusés plutôt que nettoyés, et le moteur de rendu ignore en outre les références externes. Le résultat étant un bitmap rendu, rien de votre fichier ne pourrait s’exécuter nulle part.

Continuer

Voir tous les outils