Unterstützt SVG komplexe Logos?

Ich habe ein komplexes Logo im 3D-Stil mit Transparenz und anderen Effekten in Adobe Illustrator erstellt und später als SVG-Dateiformat gespeichert. Aufgrund der Komplexität des Logo-Illustrators oder SVG gelang es jedoch nicht, perfekte Bilder zu erstellen. Nun möchte ich wissen, ob SVG 3D- und komplexe Formen unterstützt oder nur für 2D-Bilder verwendet werden sollte? und unterstützt es Transparenz und andere Effekte oder wäre es besser, diese Dinge zu vermeiden?

Dateiexport im JPG-Format Screenshot des SVG-Bildes in Internet Explorer

Es gibt zwei Bilder, die wir oben als Referenz hinzugefügt haben, eines oben ist ein JPG-Bild, das durch Illustrator exportiert wurde, und das andere unten ist ein Screenshot eines SVG-Bilds, das im Internet Explorer gerendert wurde.

Der Unterschied ist ziemlich offensichtlich, dass der Illustrator Schatten- und Transparenzeffekte an einigen Stellen nicht perfekt konvertieren konnte. Selbst an einigen Stellen gibt es einige Probleme an Kanten, die auch nicht perfekt konvertiert werden konnten.

Dies sind die Probleme, auf die ich in meiner ursprünglichen Frage hinweisen möchte. Hoffentlich ist meine Frage jetzt für alle Benutzer klarer und verständlicher.

PS. Vielen Dank für alle Antworten vor dem Hinzufügen von Bildern, aber ich werde nach einigen Updates suchen, in diesem Fall gegebenenfalls nach dem Einfügen von Vorschaubildern.

SVG unterstützt so komplex, wie Sie es machen, nur dass die Funktionen des Illustrators nicht vollständig mit SVG übereinstimmen, sodass Sie nicht erwarten können, dass ein Illustrator-Dokument automatisch zu einem guten SVG wird. Auch SVG-Renderer unterscheiden sich in ihrer Leistungsfähigkeit, sodass das, was auf einem funktioniert, auf anderen funktionieren kann oder nicht.

Antworten (2)

@born2DIE Es wäre gut, wenn Sie ein Beispielbild Ihres Logos bereitstellen würden. Versuchen Sie zusätzlich zu dem, was @joojaa und @hsawires gesagt haben, Folgendes:

  1. Selbst KI unterstützt 3D nicht wirklich! Ich nehme an, Sie verwenden das Werkzeug "Extrudieren und Abschrägen" (Effekt> 3D)?

Der beste Weg für die SVG-Kompatibilität besteht darin, komplexe Objekte in ihre zusammengesetzten Pfade aufzuteilen. Sie können dies mit Objekt > Aussehen erweitern tun.

Beispiel: Beachten Sie das komplexe 3D-Objekt oben rechts.

Beachten Sie das komplexe 3D-Objekt oben rechts

Nach Expanding Appearance wurde das komplexe Objekt auf Pfade reduziert.Nach dem Erweitern des Aussehens

Sie können diesen Prozess auch auf andere komplexe Nicht-3D-Elemente in Illustrator anwenden, einschließlich komplexer Transparenzen und alle anderen Elemente aus dem Menü „Effekte“.

  1. SVG ist ein ziemlich umfangreiches Format, das eine große Anzahl von Dingen unterstützt . Wenn alles andere fehlschlägt, können Sie es auch mit Inkscape versuchen . Sie werden nicht verloren gehen, wenn Sie aus der Illustrator-Welt kommen, und SVG wird nativ unterstützt!
@DumbNic, wie ich bereits erwähnt habe, unterstützt Inkscape SVG nativ ! Das bedeutet, dass alles, was Sie mit Inkscape tun können, als SVG gespeichert und erneut geöffnet wird. Alle Operationen, wie komplex sie auch sein mögen, sind garantiert SVG-kompatibel. Sie haben eine Roadmap für volle SVG-Unterstützung!
@DumbNic Werde es mir merken. Prost!

SVG wurde für zweidimensionale Grafiken mit Unterstützung für Interaktivität und Animation entwickelt und könnte Raster- und Vektorgrafiken unterstützen -- wiki . Daher ist es vorzuziehen, vor dem Exportieren von SVG aus Illustrator dem Illustrator zu helfen, das Bildmaterial zu vereinfachen, indem Sie Ihr 3D-Bildmaterial sowie alle Masken/Transparenzen, die Sie in Ihrem Logo erstellt haben, reduzieren.