Comment convertir des images JPG et PNG en SVG

Essayez Notre Instrument Pour Éliminer Les Problèmes

Les formats d'image traditionnels tels que JPG, PNG ou GIF sont très populaires, mais ils présentent des inconvénients qui rendent leur utilisation loin d'être idéale pour certaines applications.

Si vous créez un site Web réactif, par exemple, vous voulez des images qui semblent bonnes quelles que soient la largeur et la hauteur dans lesquelles elles sont affichées. Les images traditionnelles semblent mauvaises lorsque vous les agrandissez trop par exemple.

Vous devrez peut-être également afficher l'image dans différentes tailles, par exemple sous forme de vignette sur la page d'index d'un blog et sous forme d'image en pleine résolution dans l'article lié.

Bien que vous puissiez créer différentes versions d'une même image afin de choisir la plus appropriée, cela signifie que vous avez besoin de plus de stockage pour cela, entre autres.

Le format d'image SVG est un format vectoriel. Cela signifie que sa taille peut être diminuée ou augmentée sans perte de qualité (évolutive). C'est génial si vous devez afficher l'image à plusieurs endroits en utilisant différentes résolutions.

D'autres avantages du SVG sont que sa taille est généralement beaucoup plus petite et qu'il donne aux webmasters une certaine flexibilité lorsqu'il s'agit d'y apporter des modifications, car certaines peuvent être effectuées directement en CSS.

Un exemple: Terence Eden recréé les logos des sociétés Internet populaires comme Twitter, Amazon, WhatsApp, YouTube ou Reddit en SVG. La taille des logos a été réduite à moins de 1 kilo-octet, parfois aussi bas que 200 octets. Le logo Twitter au format PNG par exemple a une taille de 20 kilo-octets, la version SVG une taille de 397 octets.

SVG est un bon format pour les logos et les icônes, mais pas vraiment adapté aux photos et autres types d'images qui montrent de nombreux objets différents.

Conversion en SVG

convert image to svg

Ce guide se concentre sur les applications que vous pouvez utiliser pour convertir directement des images en SVG. Il ne s'agit pas d'un didacticiel sur l'utilisation d'applications conçues pour créer des graphiques vectoriels à partir de zéro. Vous pouvez utiliser des éditeurs de graphiques vectoriels tels qu'Adobe Illustrator (notre aucun lien vers la politique d'Adobe encore debout), Inkscape , ou LibreOffice Draw pour ça.

LibreOffice Draw

Pour les fenêtres

Télécharger maintenant

De nombreux convertisseurs gratuits sont disponibles que vous pouvez exécuter en ligne, mais ils sont assez limités en ce qui concerne le processus de conversion. Bien qu'ils puissent être suffisants pour convertir un logo simple disponible au format png ou jpg en svg, les résultats ne sont pas très bons la plupart du temps.

Voici comment j'ai évalué les services: j'ai téléchargé le logo Ghacks, et essayé les conversions sur plusieurs dizaines de convertisseurs SVG. J'ai jugé le résultat et j'ai écarté tout service qui ne donnait pas de bons résultats.

  • Aconvertir - Le service prend un fichier local ou une URL en entrée. La seule option qu'il offre est de changer la résolution de l'image. L'image résultante ressemblait au logo Ghacks, mais sa taille était presque le double de la taille de la version PNG du logo.
  • Magie vectorielle - Disponible en tant que convertisseur en ligne et programme de bureau pour Windows. Ce n'est cependant pas gratuit (en ligne coûte 7,95 $ par mois, édition de bureau un paiement unique de 295 $). Cependant, les résultats de l'édition en ligne sont excellents et vous disposez de nombreuses options pour éditer ou modifier les paramètres, ainsi que d'un affichage côte à côte de l'image d'origine et de la copie svg.
  • Vectoriseur - Un autre service gratuit. Celui-ci est livré avec un assistant que vous pouvez choisir les meilleurs paramètres de sortie (flou, couleurs), ou vous pouvez les définir directement. Les résultats étaient bons avec quelques ajustements, et la taille de l'image résultante était inférieure d'un tiers au logo PNG d'origine.

Magie vectorielle

Pour les fenêtres

Télécharger maintenant

Maintenant, c'est à votre tour: Vous connaissez un autre service ou programme en ligne pour convertir des images au format SVG?