Vektorgrafik

Das Gegenstück ist die Rastergrafik, auch Pixelgrafik genannt. Jedes Foto aus der Kamera ist eine Rastergrafik, ein Gitter aus vielen farbigen Punkten. Vergrößerst du so ein Bild stark, werden die Punkte sichtbar und die Kanten zerfasern. Wie viele Punkte ein Druck braucht, steht im Eintrag DPI.

Die Kurven einer Vektorgrafik heißen Bézierkurven. Jede hat Ankerpunkte und Griffe, mit denen sich die Krümmung steuern lässt. Wer in Illustrator oder im kostenlosen Programm Inkscape mit dem Zeichenstift arbeitet, setzt genau solche Punkte.

Eine Vektorgrafik hat dieses Problem nicht. Ein Logo als Vektor sieht auf der Visitenkarte genauso scharf aus wie auf einem Messebanner, weil das Programm die Formen für jede Größe neu berechnet. Für Fotos taugt das Prinzip allerdings nicht. Die feinen Verläufe einer echten Aufnahme lassen sich mit Kurven nicht sinnvoll beschreiben.

• SVG: das Vektorformat fürs Web. Browser zeigen es direkt an, und die Dateien sind oft sehr klein.
• AI: das Arbeitsformat von Adobe Illustrator.
• EPS: ein älteres Austauschformat, das manche Druckereien und Werbetechniker noch verlangen.
• PDF: kann Vektoren enthalten, aber auch eingebettete Pixelbilder. Ein PDF ist also nicht automatisch eine Vektorgrafik.

JPG, PNG und WebP sind Rasterformate. Ein Logo, das als JPG gespeichert wurde, wird durch Umbenennen in .svg nicht zum Vektor. Und noch ein Tipp für die Weitergabe: Schriften in Vektordateien wandelst du am besten in Pfade um, falls der Empfänger die Schrift nicht installiert hat. Sonst ersetzt sein Programm sie durch eine andere.

Vor allem für Logos, Icons und Schriftzüge. Wer sein Logo nur als kleines Pixelbild hat, stößt an Grenzen, sobald es auf ein Schild oder einen Messestand soll. Nachträglich vektorisieren lässt es sich, das kostet aber Zeit. Automatische Werkzeuge liefern oft unsaubere Kanten, sodass jemand die Formen von Hand nachziehen muss.

Auch auf Websites haben Vektoren Vorteile. Ein SVG-Logo bleibt auf hochauflösenden Displays scharf, und Icons lassen sich per CSS einfärben, ohne dass für jede Farbe eine neue Datei nötig ist. Selbst ein Favicon kann heute als SVG eingebunden werden.

Logos legen wir als Vektorgrafik an, damit sie in jeder Größe scharf bleiben (Logodesign). Hast du von deinem bestehenden Logo nur ein Pixelbild, sprich uns an, bevor die nächste Drucksache oder das neue Firmenschild ansteht.

Verwandte Begriffe: Wortmarke · DPI · Favicon · Corporate Identity