Wie glätte ich pixelige Linien? [Duplikat]

Ich entwerfe dieses Logo für meine Website. Es sieht in Illustrator CC großartig aus, sieht aber auf der Website pixelig aus. Ich möchte die diagonalen Vektorlinien "A" und "W" glätten. Ich habe versucht, als PNG Interlaced zu exportieren und die Option "Am Pixelraster ausrichten" zu verwenden. Das Bild besteht teilweise aus Vektorlinien und teilweise aus Schrift. Irgendwelche Tipps oder Vorschläge? Vielen Dank im Voraus.

Linien und Typenlogo

Speichern Sie das Bild als SVG. Auf diese Weise wird es auch im Web immer noch ein Vektor sein. Obwohl einige alte Browser nicht viel Unterstützung für SVG-Webgrafiken haben.

Antworten (2)

Wandeln Sie den Schriftteil des Logos in Vektorformen um. Exportieren Sie dann als SVG und verwenden Sie das SVG in Ihrer Webseite. Das Logo wird immer in der richtigen Größe für den Kontext gerendert und hat keine verpixelten Linien.

Sie können hier sehen, dass SVG in 97 % der heute verwendeten Webbrowser unterstützt wird:

Kann ich SVG verwenden?

Aber wenn Sie die anderen 3 % der ältesten Browser unterstützen möchten, dann googeln Sie „SVG mit PNG-Fallback“ und wählen Sie eine Technik, die für Ihre Tools und Anforderungen am besten geeignet ist.

Danke Simon! Als SVG sieht es viel besser aus, jetzt muss ich nur noch herausfinden, wie ich mein Wordpress-Theme dazu bringe, gut mit dem Format :-p zu spielen
  1. Klicken Sie auf Als Web speichern ⌥+⇧+⌘+S oder Datei>Als Web speichern
  2. Wählen Sie PNG-24, kreuzen Sie interlaced an
  3. Speichern

Über SVG ist es heutzutage eine großartige Option, um ein vektorisiertes Logo auf Ihrer Website zu haben, aber meiner Erfahrung nach ist es ein schweres Format für die Website, und wenn Sie viele Symbole in SVG gespeichert haben, wird Ihre Website etwas langsamer laufen.

Viel Glück

Wie glätte ich pixelige Linien? [Duplikat]
AntwortenHierDatenschutz-Bestimmungen1y, 0v