Comment convertir des images JPG et PNG en SVG

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 moins qu'idéale pour certaines applications.

Si vous créez un site Web réactif par exemple, vous voulez des images qui ont fière allure quelles que soient la largeur et la hauteur dans lesquelles elles sont affichées. Les images traditionnelles sont 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 en tant qu'image en pleine résolution dans l'article lié.

Bien que vous puissiez créer différentes versions d'une même image afin que la plus appropriée soit choisie, 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 très bien 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 a recréé les logos de 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 jusqu'à 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

Ce guide se concentre sur les applications que vous pouvez utiliser pour convertir directement des images en SVG. Ceci n'est pas un tutoriel 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 politique d'absence de liens vers Adobe est toujours en vigueur), Inkscape ou LibreOffice Draw pour cela.

Dessiner LibreOffice

Pour les fenêtres

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 simple logo 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 écarté tout service qui n'a pas donné de bons résultats.

• Aconvert -- 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.
• Vector Magic -- Disponible en tant que convertisseur en ligne et programme de bureau pour Windows. Ce n'est pas gratuit cependant (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 originale et de la copie svg.
• Vectorizer -- Un autre service gratuit. Celui-ci est livré avec un assistant qui vous permet de 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 un tiers de moins que le logo PNG d'origine.

Magie vectorielle

Pour les fenêtres

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