Wie exportiere ich ein SVG aus Illustrator so, dass es in kleinen Größen gut gerendert wird?

Ich habe einen Photoshop-Hintergrund und dies ist das erste Mal, dass ich mich mit KI versuche.

Ich möchte mein Produktlogo in kleiner Größe auf einer Webseite zeigen (ca. 15px Höhe). Ich habe derzeit ein PNG (in Photoshop erstellt), aber die Schriftart ist ziemlich abgehackt. Ich vermute, dass es an der Waage liegt.

Um das Problem zu beheben, versuche ich jetzt, in Illustrator zu arbeiten und als SVG zu speichern. Ich habe eine Menge Dinge ausprobiert, aber das Logo zeigt sich sehr schön in großen Größen, aber nicht in kleinen.

So ist es groß:

Geben Sie hier die Bildbeschreibung ein

Aber hier ist, wie es zeigt, wenn es in der Nähe der Größe ist, nach der ich suche:

Geben Sie hier die Bildbeschreibung ein

Wie mache ich den kleineren Text auf meiner Webseite glatter?

Ich habe versucht, Anti-Aliasing im Zeichenfenster einzustellen, aber es ist deaktiviert. Sollte ich überhaupt versuchen, ein SVG zu verwenden, oder sollte ich versuchen, mein PNG in Photoshop zu reparieren?

Antworten (2)

Sie müssen eine Schriftart verwenden, die auf kleinere Größen skaliert wird, damit der Browser die Schriftart mit besserer Klarheit wiedergeben kann. Nicht alle Schriften sind für extrem kleine Schriften geeignet, ebenso sind einige Schriften auch nicht für Großdruck geeignet, da sie zu pixelig werden.

SVG ist ein Vektordateiformat, daher werden die Anti-Aliasing-Entscheidungen von der Software getroffen, die das SVG rendert – in diesem Fall vom Browser.

Ich denke, bei der Größe, die du anstrebst, sieht es gut aus. Aber wenn Sie in der Lage sein möchten, Dinge zu optimieren, müssen Sie eine Rasterversion erstellen, in die Sie dann Pixel für Pixel hineingehen und das Anti-Aliasing manuell optimieren können.