Traditionnelle formats d’image tels que JPG, PNG ou GIF sont très populaires, mais ils ont des inconvénients qui rend leur utilisation moins que l’idéal pour certaines applications.
Si vous créez un site web réactif par exemple, vous voulez des images de bonne apparence, indépendamment de la largeur et de la hauteur, ils sont affichés. Les images traditionnelles air mauvais quand on grossit trop, par exemple.
Vous pouvez avoir besoin d’afficher l’image dans différentes tailles ainsi, par exemple, une vignette sur un blog de la page d’index, et comme une image en pleine résolution dans l’article lié.
Si vous pouvez créer différentes versions d’une même image, de sorte que le plus approprié est choisi, cela signifie que vous avez besoin de plus de stockage pour qui, entre autres choses.
Le format d’image SVG est un format vectoriel. Cela signifie que sa taille peut être diminué ou augmenté sans perte de qualité (scalable). C’est super si vous avez besoin d’afficher l’image dans plusieurs endroits à l’aide de différentes résolutions.
D’autres avantages de l’SVG sont que sa taille est généralement beaucoup plus petit, et qu’il donne des webmasters une certaine flexibilité lorsqu’il s’agit de faire des changements à ce que certains peuvent faire en CSS directement.
Un exemple: Terence Eden recréé les logos populaires d’Internet des entreprises comme Twitter, Amazon, WhatsApp, YouTube ou Reddit en SVG. La taille des logos a été réduite à moins de 1 kilo-Octet, quelquefois 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é quand il s’agit de photos et d’autres types d’images qui montrent beaucoup d’objets différents.
La conversion au format SVG
Ce guide se concentre sur les applications que vous pouvez utiliser pour convertir des images au format SVG directement. Ce n’est pas un tutoriel sur l’utilisation des applications conçues pour créer des graphiques vectoriels à partir de zéro. Vous pouvez utiliser des éditeurs graphiques vectoriels, tels que Adobe Illustrator (notre pas de liens Adobe politique est toujours là), Inkscape, ou LibreOffice Draw.
Lire aussi: Android Studio 3.0 le Développement de l’Environnement a publié
Beaucoup de convertisseurs gratuits sont disponibles que vous pouvez exécuter en ligne, mais ils sont assez limité quand il s’agit du processus de conversion. Alors qu’ils peuvent être suffisantes pour la conversion d’un logo simple qui est disponible au format png ou jpg au format svg, les résultats ne sont pas super bon la plupart du temps.
Voici comment j’ai évalué les services: j’ai téléchargé la Ghacks logo, et j’ai essayé le nombre de conversions sur plusieurs dizaines de SVG convertisseurs. J’ai jugé le résultat, et mis au rebut de tout service qui n’a pas obtenir de bons résultats.
- Aconvert — Le service prend un fichier local ou une URL comme entrée. La seule option qu’il fournit est de changer la résolution de l’image. L’image résultante regardé comme la Ghacks logo, mais sa taille était presque le double de la taille de la PNG version du logo.
- Vector Magic — Disponible en tant qu’un convertisseur en ligne et logiciel de bureau pour Windows. Il n’est pas gratuit cependant (en ligne frais de 7,95 $par mois, desktop edition un paiement de $295). Les résultats de l’édition en ligne sont grands, cependant, et vous obtenez beaucoup d’options pour éditer ou modifier des paramètres, et un à côté de l’affichage de l’image d’origine et le svg copie.
- Vectorizer — un Autre service gratuit. Celui-ci est livré avec un assistant qui vous pouvez de sélectionner les meilleurs paramètres de sortie (flou, couleurs), ou vous pouvez les régler directement. Les résultats ont été bons avec quelques réglages, et la taille de l’image qui en résulte est un tiers de moins que l’original PNG logo.
Maintenant, Vous: connaissance d’un autre service en ligne ou un programme pour convertir des images au format SVG?