Warum reduziert der Export nach SVG die Qualität des Renderns?

Ich benutze Adobe Illustrator CS6.

Sobald ich eine (gedrehte) Datei exportiere Area Type Textund SVGsie mit 100 % anschaue, kann ich sie mit Rendering in geringer Qualität sehen:

Geben Sie hier die Bildbeschreibung ein

Erst wenn ich anfange, den Zoom zu erhöhen, gewinne ich an Qualität:

Geben Sie hier die Bildbeschreibung ein

Ich bin unter Windows und verwende Impactals Schriftart. Wo ist das Problem?

Haben Sie versucht, den Text in Konturen umzuwandeln? Ich kann das Problem nicht reproduzieren, indem ich Chrome oder Firefox verwende, um ein SVG anzuzeigen, wenn Impact-Text in Konturen konvertiert wird. Welchen Browser verwenden Sie, um die SVG anzuzeigen?
Siehe Beispiel -SVG hier
Ich kann Ihren Text/Beispiel ohne Probleme sehen. Keine Ahnung, warum ich das nicht selbst machen kann. Was meinst du mit "Konvertieren des Textes in Konturen"? Ich füge einfach einen Area Type Text mit Illustrator hinzu.
Wählen Sie das Textobjekt aus und klicken Sie auf Objekt > Erweitern. Dadurch wird der Text in Konturen konvertiert und dann Ihr SVG exportiert.
Ich sehe, jetzt funktioniert es! Hübsch. Also muss ich jeden Text jedes Mal konvertieren? (wenn du die Antwort platzierst, hast du +1 bekommen und akzeptiert)
Ja. Ich werde eine Antwort hinzufügen.

Antworten (2)

Es scheint, dass der Text schlecht gerendert wird, weil Sie ihn nicht in Konturen konvertiert haben.

Wählen Sie das Textobjekt aus und klicken Sie auf Objekt > Erweitern . Exportieren Sie dann Ihr SVG.

Dadurch wird der Text in Konturen umgewandelt.

Wenn Sie nicht in Konturen konvertieren, sind Sie darauf angewiesen, dass der Viewer die Schriftart installiert hat (was möglicherweise nicht immer der Fall ist), und auch auf den Browser, um sie zu rendern. Ich vermute, das ist das Problem, das du hast.

Sie sind immer noch der Darstellung des Browsers ausgeliefert.

Sie müssen etwas über das Rendern verstehen.

Es ist eine Art Neuinterpretation. Dasselbe wie ein Musikstück, das in einer Partitur zu spielen war, aber vom Künstler neu interpretiert wird.

In diesem Fall nimmt jeder Browser die Anweisungen einer SVG-Datei und interpretiert sie neu. Sie geben es wieder, sie präsentieren es nicht nur.

Verschiedene Browser haben also unterschiedliche Render-Engines und interpretieren unterschiedliche Dinge auf unterschiedliche Weise neu.

Einige können Alias- oder Antialias-Dinge ausführen, einige können nur schnell rendern, einige können Dinge auf Subpixel-Ebene glätten.

Das kannst du nicht kontrollieren. Das ergibt sich aus der Render-Engine und ggf. aus den Einstellungen des Benutzers.

Was in der kleinen Version passiert, ist das. Ihre Render-Engine erstellt ein Alias-Rendering.

Anstatt eine Linie mit einer Breite von 1,5 Pixeln zu sehen (was Sie nicht haben können), sehen Sie, sagen wir, eine 2px-Linie.

Eine andere Render-Engine oder -Methode könnte eine 1-Pixel-Linie und eine weitere Linie mit einem anderen Grauton erstellen, um das 1/2-Pixel zu simulieren.


Sie können versuchen, den Text entweder als Text zu belassen oder ihn in Kurven umzuwandeln. In der Hoffnung, dass die meisten Render-Engines eine Methode besser interpretieren als die andere.