Wie behebt man die Pixelierung des Vektorlogos?

Was für ein Durcheinander, um uns aus dem Kaninchenbau zu heben, brauchen wir eine etwas lange Erklärung. Achtung Textwand!

TL:DR

Die Pixelierung ist nicht definiert, daher werden viele nicht verwandte / verwandte Probleme beschrieben, daher variieren die Erklärungen.

Zum Thema Verpixelung

Menschen sehen unterschiedliche Dinge für unterschiedliche Begriffe für mehrere sich überschneidende Dinge. Wenn Menschen den Begriff „verpixelt“ verwenden, signalisieren sie meistens ein Missverständnis. Nichts ist wirklich verpixelt, es ist nur für die jeweilige Situation falsch konfiguriert. Da es für dieses Missverständnis keine einzige Ursache gibt, gibt es keine einzige Antwort auf die Frage.

Technisch gesehen sind die verwendeten Begriffe "Aliasing", "Unschärfe", "Klingeln" und "Rendering-Artefakte". Diese haben sehr spezifische Bedeutungen, wobei Pixelierung meist nur ein Laienbegriff ohne genaue Bedeutung ist.

Zurück zu deiner Beschreibung

Menschen neigen dazu, zwei getrennte Konzepte zu einer Sache zu verwechseln

• Vektorgrafikdaten
• und Rasterung von Vektorgrafiken

Vektorgrafiken können naturgemäß nicht wirklich verpixelt werden. Obwohl dies eine ziemlich langwierige technische Diskussion ist, sagen wir einfach, dass die übliche Erklärung, dass "Vektoren mathematische Darstellungen sind und frei skaliert werden können", für Kinder eine kleine Lüge ist.

Jetzt entsteht die Verwirrung, wenn wir beginnen, die Vektorzeichnung zu rastern. Das erste Problem ist, dass die Leute nicht verstehen, wo und wann die Rasterung stattfindet. Ich mache ihnen keinen Vorwurf, da es an vielen Orten passieren kann, aber wenn wir ein wenig vereinfachen, können wir grob zwei verschiedene Fälle beobachten:

• Beim Authoring gerastert, hat der Autor einfach ein Bitmap-Bild exportiert
• Auf Wunsch gerastert

Jetzt impliziert Ihre Frage, dass Sie den Unterschied zwischen diesen nicht verstehen. Ihre Beschreibung besagt eindeutig, dass das PDF bei Bedarf gerastert wird, was nicht überrascht, dass es sich schließlich um ein Vektorformat handelt. Das bedeutet, dass Ihr PDF-Viewer im Handumdrehen ein Bild aus Vektoren erstellt, dies wird als Rendern oder Rastern bezeichnet .

Bitte beachten Sie, dass PDF- und Vektorbilder Bitmap-Bilder enthalten können, dies jedoch nicht immer zutrifft, sondern nur in Ihrer aktuellen Veröffentlichungskonfiguration. Wenn Sie versuchen, ein PNG-Bild zu vergrößern, treten Probleme auf. Die meisten Leute, die nach Pixelierungsproblemen rufen, verwenden keine PDF-Dateien, da man PDF-Grafiken nicht einfach als Elemente in Webseiten einbetten kann.

Die meisten Leute scheinen einfach nicht zu glauben, dass ein Rasterisierungs-On-Demand-Vektorbild verpixelt ist. Einige Leute nehmen jedoch unter bestimmten Umständen den Rendering-Prozess übel.

Aliasing

Eine Rasterung auf Abruf bedeutet jedoch nicht, dass einige Leute das Ergebnis nicht als verpixelt bezeichnen können. Einfach gesagt, das Bild wurde möglicherweise nicht geglättet, mit anderen Worten, das Bild wurde nicht für Subpixeldaten weichgezeichnet. Aliasing-Bilder sehen mit ziemlicher Sicherheit pixelig aus, es sei denn, Sie haben ein sehr stark gepacktes Pixelfeld wie beim Drucken (Drucker verwenden nicht meistens Anti-Aliasing-Vektoren, sie tasten sie nur mit einer wahnsinnig hohen Frequenz ab).

Aber selbst wenn der Zweck von Anti-Aliasing darin besteht, den verpixelten Look zu entfernen, heißt das nicht, dass es ihm immer gelingt. Es stellt sich heraus, dass die Leute unterschiedliche Vorlieben haben, was sie für gutes Anti-Aliasing halten. Manche Menschen bevorzugen einen weicheren oder technisch verschwommeneren Look. Während andere einen knackigeren oder klingelnderen Look bevorzugen. Viele erkennen auch verschiedene Fälle, in denen sie einen dem anderen vorziehen würden.

Bild 1 : Zwei unterschiedlich geglättete Bilder, die hier aufgenommen wurden . Persönlich bevorzuge ich das Bild auf der rechten Seite, aber einige Bildschirm- und Personenkombinationen finden es viel zu weich (und dann gibt es noch das Problem der Apfelverdopplung).

Ein besonders problematischer Fall ist das Rendern des Bildes in einer sehr spezifischen und normalerweise recht kleinen Größe. Hier führt die automatische Rasterung möglicherweise nicht zu den bestmöglichen Ergebnissen. Dies ist einer der Gründe, warum Schriftarten angedeutet werden und die Menschen dazu neigen, die kleinen Symbole Pixel für Pixel manuell zu zeichnen.

Rendern von Artefakten

Rendering-Artefakte sind im Wesentlichen Fehler im Rendering-Prozess, Artefakt bezieht sich auf ein fehlerhaftes Rasterisierungsergebnis. Diese werden manchmal als Pixelierung bezeichnet. Dies gilt insbesondere für Kompressionsreste, genauer gesagt Kompressionsartefakte. Aber auch Verschmelzungsartefakte werden manchmal als Verpixelung bezeichnet.

Apple-Pixelverdopplung und Unterauflösung

Die letzte verbleibende häufige Quelle für Pixelierungsfragen ist die Art und Weise, wie Apple den Übergang zu HDPI-Anzeigegeräten implementiert hat. Apple hatte ein Problem: Wenn sie einen neuen Satz von Displays einführen, würden alle vorhandenen Webseiten und Designs sofort kaputt gehen. Das durfte natürlich nicht passieren, denn das hätte eine überlegene Technik als minderwertig erscheinen lassen. Also haben sie die Regeln ein bisschen verfälscht.

Anstatt ein Bild mit einem Pixelverhältnis von 1:1 anzuzeigen, vergrößern sie standardmäßig ein Bild. Dadurch wird das Ziel erreicht, dass alle Legacy-Grafiken bei einer angemessenen Bildschirmgröße funktionieren. Wenn der Designer dies jedoch nicht weiß und dem Browser genügend Pixel gibt, während er gleichzeitig die Webseite anweist, nicht zu skalieren. Sie werden etwas erleben, das manche Leute als Verpixelung bezeichnen.

Unterauflösung kommt auch in anderen Fällen vor, aber die Apfelpixelverdopplung ist bei weitem der am häufigsten nachgefragte Grund.

Endlich

Da haben Sie es, einen unscharfen Begriff, der verwendet wird, um viele Dinge zu beschreiben. Die Liste hier ist nicht vollständig, deckt aber 90 % der Fragen ab, die mir zu diesem Thema gestellt wurden. Meistens wird dieses Thema durch Missverständnisse verursacht und meiner Erfahrung nach nicht wirklich verstehen wollen.

Ich würde mir vorstellen, dass das Logo vektorbasiert und nicht rasterbasiert ist, wenn Sie es als PDF speichern. Ohne das PDF zu sehen, wäre es schwierig, Ihnen wirklich helfen zu können.

Wenn Sie das Bildmaterial drucken lassen möchten, würde ich Ihnen raten, im Vektor- und nicht im Rasterformat zu bleiben. Ich habe keine Probleme mit der Logo-Pixelierung. Sie können immer mit PhotoShop testen, indem Sie ein Dokument erstellen und das Logo als intelligentes Objekt hinzufügen und als PNG speichern.

Die Antwort ist einfach. JPG und PNG sind Rasterformate, sie bestehen aus Pixeln, das einzige Mal, wenn sie nicht „verpixelt“ sind, ist, wenn Sie sie in der exakten Größe anzeigen, in der Sie sie erstellt haben. Wenn Sie also Ihr JPG mit 100 x 100 Pixeln speichern und es auf Ihrem Bildschirm 120 x 120 Pixel hat, wird es "verpixelt".

PDF kann Vektordaten enthalten, Vektoren bestehen nicht aus Pixeln, sondern aus mathematischen Beschreibungen der Formen, die Sie beliebig skalieren können. Es spielt keine Rolle, in welcher Größe Sie Ihren Vektor speichern oder anzeigen, er wird immer "knackig" und nicht "verpixelt" sein.

Es kommt darauf an, Dateiformate zu verstehen.

JPG, PNG, TIFF und GIF haben alle Pixel und können verpixelt werden, egal wie groß sie sind.

EPS & SVG sind (fast) immer ausschließlich Vektoren und werden nie verpixelt.

PDF kann Vektoren und Pixel enthalten, sodass alles, was Sie dort einfügen, beibehalten wird. In diesem Fall bleibt ein unendlich skalierbarer Vektor gleich.