Illustrator - Illustrator - SVG weicht stark von Vorlage ab

[Firehold]

Hallo,

ich versuche gerade ständig illustrationen aus meinen EPS und AI Dateien in kleinere SVG-Dateien als Icons für eine Website zu packen.
Dabei kommt es jedoch ständig zu starken abweichungen nach dem speichern der SVG. Gibt es irgendeine Einstellung die ich hier übersehe?

Beispiel anhand der spanischen Nationalflagge:

Vektor Original:


Einstellungen:


Ergebnis nach dem speichern als SVG:

 

[draupnir]

Hallo Firehold,
man sieht, dass da Ebenen verschoben werden.
Auf Grund der Screenshots weiss ich keine Abhilfe. Dazu müsste ich mal die Original-AI-Datei haben.
Interessant wäre auch: Welche AI-Version nutzt Du und auf welchem Betriebssystem/Prozessor?

– j.

 

[Firehold]

Wow, vielen Dank für die schnelle Antwort.

Adobe Illustrator 25 auf Windows 10 x64.

Wie soll ich die .AI-Datei zur Verfügung stellen?

 

[draupnir]

Entweder einen Link zum Download hier reinsetzen oder per E-Mail an
info @ cg4u.de
(ohne Leerzeichen).

 

[Firehold]

Dachte es gäbe vielleicht einen bevorzugten Hoster oder so

 

[draupnir]

Danke, ich schaue es mir ...

 

[ph_o_e_n_ix]

Versuch mal die Dezimalstellen auf 5 zu erhöhen und SVG1.0 (ggf. in Konturen umwandeln)

 

[draupnir]

Also die "Blitzer" z. B. der Edelsteine in der Krone müssten im AI-File repariert werden.

Die Verschiebungen in der SVG-Datei kommen durch die geringe Anzahl der Kommastellen. Da wird zu sehr gerundet und dann passt es nicht mehr. In meinem Versuch, s.o., lieferten 4 Kommastellen ein brauchbares Ergebnis.

– j.

 

[Firehold]

Vielen Dank für beide Antworten, das sieht schon deutlich besser aus.
Werden die Dateien bzw. dessen Darstellung eigendlich Größer bzw länger beim berechnung der Darstellung in Websites wenn die Dezimalstellen größer sind?

 

[draupnir]

Werden die Dateien bzw. dessen Darstellung eigendlich Größer bzw länger beim berechnung der Darstellung in Websites wenn die Dezimalstellen größer sind?

Nein.

 

[Firehold]

Vielen, vielen Dank euch für die schnelle Hilfe

 

[draupnir]

Kleiner Tipp: Vergrößere die Grafik von 10 mm auf 100 cm, dann hast Du zwei "Kommastellen" mehr und sonst ändert sich nichts an der Dateigröße. SVG ist ja skalierbar.

Falls Du SVG in Wordpress einbinden willst, brauchst das passende Plug-In dafür.
siehe https://de.wordpress.org/plugins/svg-support/

 

[Firehold]

Habe eure Tipps non nocheinmal umgesetzt, das Wappen korrigiert eingefügt und die Zeichenfläche auf 100x100mm vergrößert.
Die Qualität ist echt super und die Dateigröße auch soweit, leider passiert nun beim speichern folgendes:


Einstellungen:

 

[draupnir]

Hm, das Problem kann ich mit Illustrator v26.1 (macOS 11) nicht nachvollziehen.
Es gibt zwei Möglichkeiten, um SVG zu erstellen: 1. Speichern als ... SVG, 2. Exportieren

1. Speichern als ...


2. Exportieren ...


Und dann stellt sich die Frage, warum hast Du noch Version 25 im Einsatz. Du kannst die Version 26 installieren und die alte Version 25 bewahren, sprich nicht löschen.

– j.