Es gibt vieles, was Sie mit SVG tun können, ohne jegliche Software zu verwenden. Angenommen, Sie haben eine gute Quelle für SVG-Bilder online, könnten Sie diese direkt verwenden. Aber es ist ziemlich üblich, dass wir sie ein wenig anpassen müssen. Ich weiß, dass mein häufigster Workflow darin besteht, etwas Nahe am Benötigten auf Stockfoto-Seiten oder Icon-Sets oder ähnlichem zu finden und es dann so zu manipulieren, dass es genau so ist, wie ich es möchte. Formen anpassen, Dinge löschen, Farben ändern, die Zeichenfläche anpassen, all das. Es ist viel einfacher, solche Dinge mit dafür entwickelter Software zu tun, anstatt sie von Hand im Code zu machen.
Die am häufigsten verwendete Software in dieser Serie ist Adobe Illustrator (19,99 $/Monat). Illustrator ist eine große, robuste Software für Mac oder PC. Unzählige Funktionen. Und es ist ein bisschen so, als würde man die Gitarre als das Instrument wählen, das man lernen möchte. Es gibt unzählige Tutorials dafür. Es gibt unzählige Leute, an die man sich wenden kann. Illustrator kann als SVG SPEICHERN, was bedeutet, dass es ein natives Dateiformat ist, mit dem Sie arbeiten können, was ziemlich praktisch ist.
In keiner der verschiedenen Softwarelösungen, die wir uns ansehen, wird das SVG so optimiert ausgegeben, wie Sie es wahrscheinlich für das Web wünschen würden. Alle fügen einige generische Kommentare und Metadaten hinzu, die angeben, in welcher Software es erstellt wurde und dergleichen, was für die Verwendung im Web völlig nutzlos ist. Schlimmer noch, da es die Dateigröße aufbläht, was Dinge langsamer macht. Sie werden das SVG, das Sie aus jeder Software erhalten, immer optimieren wollen (wir werden bald ein Screencast zur Optimierung machen).
Inkscape ist eine weitere beliebte Option für die SVG-Bearbeitung. Ich denke, das liegt wahrscheinlich daran, dass es plattformübergreifend ist (funktioniert auf Mac, PC, Linux) und kostenlos ist. Es ist auch schon lange auf dem Markt und hat einen robusten Funktionsumfang. Ich finde es jedoch etwas umständlich, vor allem als Mac-Benutzer, da die Benutzeroberfläche so seltsam anders ist als alles andere, an das ich gewöhnt bin.
Ich mag Sketch, das nur für Mac erhältlich ist (99 $). Ich mag besonders, dass man Objekte und Gruppen auswählen und dann "Exportierbar machen" kann und dann SVG als Exportoption hat, was Ihnen zugeschnittene, perfekt nutzbare SVGs liefert.
Wir haben uns auch iDraw (Mac 24,99 $ und iOS 8,99 $) angesehen. Es gibt auch WebCode (Mac 39,99 $).
Wir haben uns diese im Video zwar nicht speziell angesehen, aber es gibt auch einige browserbasierte SVG-Editoren, die ziemlich gut sind.