Kein Video dazu, aber hier sind einige nützliche Informationen zur manuellen Optimierung von SVGs in Adobe Illustrator, die über die automatischen Funktionen der App hinausgehen.
Manchmal sieht das SVG, das Sie verwenden möchten, in Illustrator perfekt aus, ist aber nicht ganz so, wie Sie es im Web verwenden würden.
Eines der Dinge, die wir in diesem Video behandeln, ist eine einfache Form, die wie eine einzelne Form erscheint, aber tatsächlich aus vier übereinander liegenden Formen besteht. Um dies zu vereinfachen, wählen wir einfach alle Formen aus und verwenden die Pathfinder-Werkzeuge in Illustrator, um sie zu einer einzigen Form zu kombinieren. Dies spiegelt sich sofort im Code wider. Manchmal macht es Spaß, die SVG-Datei sowohl in Illustrator als auch in einem Code-Editor geöffnet zu haben, so dass Sie beim Speichern sehen können, was mit dem Code passiert.
Der Pathfinder ist großartig für die manuelle Optimierung von Formen – es lohnt sich, herauszufinden, was diese Schaltflächen tun – und was sie tun, wenn die Optionstaste gedrückt wird.
Die Größe einer SVG-Datei wird zu einem großen Teil durch die Anzahl der Punkte bestimmt, die in den Formen vorhanden sind. Es gibt andere Faktoren, aber das ist der wichtigste. Eine weitere Sache, die wir in diesem Video behandeln, ist die Verwendung der Funktion „Pfad vereinfachen“ in Illustrator, um die Anzahl der Punkte auf einigen texturähnlichen Formen zu reduzieren und die Dateigröße drastisch zu verringern.
Eine weitere Sache, die Sie wissen sollten: Verbundpfade können nützlich sein. Zwei Formen, die vollständig voneinander getrennt sind, können immer noch ein einziger Pfad sein. Buchstäblich eins. Die Syntax ermöglicht es im Wesentlichen, „den Stift aufzunehmen, ihn woanders hinzubewegen, etwas Neues zu zeichnen“. Wenn Sie also in Illustrator einen Verbundpfad erstellen (z. B. mehrere unabhängige Formen, Objekt > Verbundpfad > Erstellen), wird er so ausgegeben. Kann zu vereinfachten/optimierten SVG-Ausgaben führen.