Vektor oder Raster: warum Ihr Logo vektoriell sein muss
Eine Vektorgrafik beschreibt Formen durch mathematische Kurven, die bei jeder Anzeige neu berechnet werden: Sie lässt sich verlustfrei auf jede Größe skalieren. Eine Rastergrafik ist ein festes Pixelraster, wie ein JPEG-Foto: Vergrößern Sie sie über ihre Auflösung hinaus, wird sie unscharf. Logos gehören ins Vektorformat, Fotos bleiben Rasterbilder.
Ursprünglich im Oktober 2016 unter dem Titel "Was ist vektoriell?" veröffentlicht, überarbeitet 2026. Die Frage ist keinen Tag gealtert: Man fragt mich immer noch, warum ein als JPEG verschicktes Logo bei der Druckerei Probleme macht, und warum ich so hartnäckig von "Vektordateien" spreche. Hier ist die aktualisierte Fassung.
Zwei Arten, ein Bild zu beschreiben
Ein Rasterbild ist ein Raster aus farbigen Punkten, eine Matrix, daher der andere Name. Die Datei sagt im Grunde: "Zeile 34, Spalte 58, Farbe Rot", und das wiederholt sie für jeden der Millionen Pixel. Das ist das Format Ihrer Fotos: JPEG, PNG und heute WebP oder AVIF.
Ein Vektorbild speichert keine Punkte. Es speichert ein Rezept: "S-förmiger Bogen, Farbe Rot". Formen, Kurven, Füllungen, die die Maschine bei jeder Anzeige neu berechnet. Drei unmittelbare Folgen:
- man kann es ohne jeden Qualitätsverlust skalieren,
- man kann es leicht bearbeiten, eine Farbe zu ändern heißt, eine Anweisung zu ändern,
- man kann es in Echtzeit manipulieren, auch innerhalb einer Webseite.
Der Zoom-Test
Zoomen Sie stark in ein Foto hinein: Das Mosaik aus Pixeln taucht auf, die Konturen werden zu Treppen. Zoomen Sie in eine Vektordatei hinein: Die Maschine berechnet die Kurven neu und alles bleibt scharf, bei 200 % genauso wie bei 10.000 %.
Eine Feinheit, die ich schon 2016 erklärt habe und die weiterhin gilt: Am Ende der Kette ist Ihr Bildschirm immer ein Raster aus Pixeln. Ein Vektorlogo, das auf einer 16 Pixel breiten Fläche angezeigt wird, bekommt etwas weiche, abgerundete Ecken. Schuld ist nicht die Datei, sondern die Anzeigefläche, der es an Pixeln fehlt, ob die Grenze nun softwareseitig ist (das Bild wird zu klein angezeigt) oder physisch (der Bildschirm oder die Druckfläche ist zu klein).
"Mein Vektorbild ist verpixelt": die einzigen zwei Ursachen
Das war damals die häufigste Frage, und ich sehe nach wie vor nur zwei mögliche Erklärungen:
- Die Datei ist nicht wirklich vektorisiert. Als .ai, .eps, .pdf oder .svg gespeichert zu sein reicht nicht. Man kann problemlos ein Foto in ein Illustrator-Dokument einfügen: Die Endung ist vektoriell, der Inhalt nicht. Wenn das Ihr Fall ist, sprechen Sie es bei Ihrem Grafiker an.
- Der Anzeigefläche fehlen Pixel, wie oben erklärt.
Warum man ein Foto nicht vektorisiert
Technisch kann man jedem Bild Vektoren zuweisen, aber man kann ein Foto nicht vollständig mit einem originalgetreuen Ergebnis vektorisieren. Ein Foto lebt von seinen Verläufen, seinen Texturen, seinen komplexen Formen. In Vektoren umgewandelt, zeigt es beim Vergrößern zwar keine Pixel mehr, aber einen Aquarelleffekt, Farbflächen, die sich dort überlagern, wo vorher Substanz war.
Vektoriell glänzt auf seinem eigenen Feld: geometrische Formen, klare Farben, saubere Konturen. Mit anderen Worten Logos, Icons, Illustrationen, Diagramme.
Vektor oder JPEG: die kurze Antwort
Ein JPEG ist ein verlustbehaftet komprimiertes Rasterformat für Fotos: Millionen feste Pixel, keine Transparenz und sichtbare Artefakte auf Farbflächen und scharfen Kanten. Eine Vektordatei wie SVG speichert stattdessen Kurven: eine winzige Datei für ein Logo, Schärfe in jeder Größe, ein transparenter Hintergrund, Farben, die sich mit einer Zeile ändern lassen.
Die Regel passt in einen Satz: JPEG, oder besser AVIF und WebP, für Fotos; Vektor für Logos, Icons und alles, was skaliert werden muss. Ein Logo, das nur als JPEG existiert, lässt sich weder sauber vergrößern noch ohne Retusche freistellen.
Was sich seit 2016 geändert hat: SVG hat das Web erobert
2016 habe ich schon SVGs, die beim Hover animierten, direkt in diesen Beitrag eingebunden, was damals noch ein wenig exotisch war. Zehn Jahre später ist SVG zum Standardformat für Logos und Icons im Web geworden, und das aus guten Gründen: eine winzige Datei, perfekte Schärfe auf jedem Bildschirm, während die Pixeldichten explodiert sind, und die Möglichkeit, es in CSS zu gestalten und ohne zusätzliches Bild zu animieren.
Zwei alltägliche Anwendungen bringen den Wandel auf den Punkt: das Favicon, das Browser inzwischen als SVG akzeptieren, eine einzige scharfe Datei vom Browser-Tab bis zum Startbildschirm; und das responsive Logo, ein einziges SVG, das in eine Kompaktversion wechselt oder sich an den Dunkelmodus anpasst, ohne dass zehn PNGs exportiert werden.
Auf der Rasterseite liegt der Fortschritt woanders: AVIF und WebP komprimieren Fotos deutlich besser als JPEG. Die Rollenverteilung ist also sehr einfach geworden, und das ist die Regel, die ich anwende:
- Fotos und reiche Bildwelten: Raster, als AVIF oder WebP,
- Logos, Icons, Illustrationen: vektoriell, als SVG für den Bildschirm, als PDF oder EPS für den Druck.
Keines der beiden Formate ist "besser". Jedes ist schlecht auf dem Feld des anderen.
Wenn ich ein Logo liefere, geht es immer vektoriell raus
Hier trifft die Theorie auf das Handwerk. Wenn ich eine visuelle Identität gestalte, wird das Logo vom allerersten Strich an vektoriell aufgebaut und vektoriell geliefert, nie nur als PNG: das SVG fürs Web, die vektorbasierte PDF-Datei für die Druckerei und die Arbeitsdatei obendrauf. In meinem Grafikangebot starten das Logo und die essenzielle Marke ab 900 € mit dem Logo, seinen Varianten, der Palette und der Typografie, und die Rechteübertragung ist inbegriffen.
Diese beiden Punkte, Vektordateien und Rechteübertragung, schützen den Kunden auf dieselbe Weise: Sie machen ihn eigenständig.
Mit der Quell-Vektordatei exportiert sich Ihr Logo in jeder Größe und in jedem aktuellen Rasterformat: ein 16-Pixel-Favicon, eine Visitenkarte, ein Fassadenbanner, dieselbe Datei dient überall und bleibt überall scharf. Sie müssen mich nie in Eile erneut kontaktieren, weil die Druckerei "die Datei in hoher Auflösung" verlangt.
Die physische Welt ist sogar noch strenger als der Bildschirm: Vinylschnitt, Stickerei, Gravur und Leuchtreklame arbeiten mit Pfaden, nicht mit Pixeln. Ohne Vektordatei muss die Werkstatt das Logo erst nachzeichnen, bevor sie überhaupt anfangen kann, und diese Arbeit landet auf Ihrer Rechnung.
Mit der Rechteübertragung besitzen Sie Ihre Identität, Sie mieten sie nicht. Sie können sie weiterentwickeln, jemand anderem anvertrauen, ableiten, ohne von ihrem Urheber abhängig zu sein.
Existiert Ihr aktuelles Logo nur als JPEG aus einem alten Anhang, ist das ein lösbares Problem. Sprechen wir darüber.
