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 souhaitez que les images aient une belle apparence quelles que soient la largeur et la hauteur dans lesquelles elles s'affichent. Les images traditionnelles ont une mauvaise image 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 celle qui convient le mieux, cela signifie notamment que vous avez besoin de plus d'espace de stockage.
Le format d'image SVG est un format vectoriel. Cela signifie que sa taille peut être réduite ou augmentée sans perte de qualité (évolutive). C'est très bien si vous avez besoin d'afficher l'image à plusieurs endroits en utilisant différentes résolutions.
Les autres avantages du SVG sont que sa taille est généralement beaucoup plus petite et qu’il donne aux webmasters une certaine flexibilité pour l’apporter à des modifications, comme certains peuvent être apportés directement en CSS.
Un exemple: Terence Eden a recréé les logos de sociétés Internet populaires telles que Twitter, Amazon, WhatsApp, YouTube ou Reddit dans SVG. La taille des logos a été réduite à moins de 1 kilo-octet, parfois même 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 il n’est pas vraiment adapté aux photos et autres types d’images montrant de nombreux objets.
Conversion en SVG
Ce guide se concentre sur les applications que vous pouvez utiliser pour convertir directement des images au format SVG. Ce n'est pas un tutoriel sur l'utilisation d'applications conçues pour créer des images vectorielles à partir de zéro. Vous pouvez utiliser des éditeurs de graphiques vectoriels tels que Adobe Illustrator (nos liens non liés à la politique Adobe sont toujours valables), Inkscape ou LibreOffice Draw pour cela.
De nombreux convertisseurs gratuits sont disponibles que vous pouvez utiliser en ligne, mais ils sont assez limités en ce qui concerne le processus de conversion. Bien qu'ils puissent suffire à convertir un logo simple disponible au format png ou jpg en svg, les résultats ne sont généralement pas très bons.
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 jeté 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 disponible consiste à modifier la résolution de l'image. L'image résultante ressemblait au logo Ghacks, mais sa taille était presque le double de celle 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, l'édition de bureau un paiement ponctuel de 295 $). Les résultats de l'édition en ligne sont toutefois excellents, et vous disposez de nombreuses options pour modifier ou modifier les paramètres, ainsi que d'un affichage côte à côte de l'image d'origine et de la copie svg.
- Vectorizer - Un autre service gratuit. Celui-ci est livré avec un assistant qui vous permet de sélectionner les meilleurs paramètres de sortie (flou, couleurs) ou de les définir directement. Les résultats ont été bons avec quelques modifications, et la taille de l'image résultante était inférieure d'un tiers à celle du logo PNG d'origine.
Maintenant, vous: connaissez un autre service ou programme en ligne pour convertir des images au format SVG?
