Vous pouvez faire beaucoup de choses avec SVG sans aucun logiciel. En supposant que vous ayez une bonne source d'images SVG en ligne, vous pouvez les utiliser directement. Mais il est assez courant que nous devions les ajuster un peu. Je sais que mon flux de travail le plus courant consiste à trouver quelque chose de proche de ce dont j'ai besoin à partir de sites de photographie de stock, d'icônes ou autres, puis de le manipuler pour qu'il soit exactement comme je le souhaite. Ajuster les formes, supprimer des éléments, changer les couleurs, ajuster le plan de travail, tout ça. C'est beaucoup plus facile de faire des choses comme ça avec un logiciel qui est fait pour cela, plutôt que manuellement dans le code.
Le logiciel le plus courant que nous utilisons dans cette série est Adobe Illustrator (19,99 $ / mois). Illustrator est un logiciel volumineux et robuste pour Mac ou PC. De nombreuses fonctionnalités. Et c'est un peu comme choisir la guitare comme instrument que vous voulez apprendre. Il existe de nombreux tutoriels qui l'utilisent. Vous pouvez vous tourner vers de nombreuses personnes qui l'utilisent. Illustrator peut enregistrer sous SVG, ce qui signifie qu'il s'agit d'un format de fichier natif avec lequel vous pouvez travailler, ce qui est plutôt agréable.
Dans tous les différents logiciels que nous examinons, aucun d'entre eux ne produit le SVG aussi optimisé que vous le souhaiteriez probablement pour le Web. Tous insèrent des commentaires génériques et des éléments de type métadonnées indiquant dans quel logiciel ils ont été créés, etc., ce qui est totalement inutile pour une utilisation sur le Web. Pire, en fait, car cela augmente la taille du fichier, ce qui ralentit les choses. Vous voudrez toujours optimiser le SVG que vous obtenez de n'importe quel logiciel (nous ferons bientôt un screencast sur l'optimisation).
Inkscape est une autre option populaire pour l'édition SVG. Je pense que c'est probablement parce que c'est multiplateforme (travail son Mac, PC, Linux) et c'est gratuit. Il existe également depuis longtemps et dispose d'un ensemble de fonctionnalités robustes. Cependant, je trouve cela un peu gênant, principalement en tant qu'utilisateur Mac, car l'interface est si étrangement différente de tout ce à quoi je suis habitué.
J'ai aimé Sketch, qui est uniquement Mac (99 $). J'aime particulièrement que vous puissiez sélectionner des objets et des groupes, puis «Rendre exportable», puis SVG est une option d'exportation sous forme de, ce qui vous donne un SVG recadré et parfaitement utilisable à utiliser.
Nous avons également examiné iDraw (Mac 24,99 $ et iOS 8,99 $). Il existe également WebCode (Mac 39,99 $).
Nous ne les avons pas spécifiquement regardés dans la vidéo, mais il existe également des éditeurs SVG basés sur un navigateur qui sont vraiment sympas:
- Modifier SVG
- Méthode
- Mondrian