Leitfaden1. Aug. 202410 Min. Lesezeit

Raster vs. Vektor – was ist der Unterschied? Die zwei Grafikformate, die jeden visuellen Workflow tragen.

Rasterbilder sind Pixelraster – feste Auflösung, perfekt für Fotos, verlustbehaftet beim Skalieren. Vektorbilder sind mathematische Pfade – unendlich skalierbar, perfekt für Logos und Produktionsausgaben, können fotografische Details aber nicht abbilden. Nutzen Sie Raster für Fotos, Screenshots und malerische Kunst. Nutzen Sie Vektor für Logos, Icons und alles, was an einen Vinyl-Plotter, einen Stickerei-Digitalisierer, eine Siebdruckpresse oder einen CNC-Tisch geht.

Rasterpixel neben einem gestochen scharfen Vektorpfad im selben Maßstab

Der Kernunterschied, in einem Absatz

Rasterbilder bestehen aus Pixeln – kleinen farbigen Quadraten, in einem Raster angeordnet. Das Bild „ist“ die Pixeldaten. Vektorbilder bestehen aus Pfaden – mathematischen Beschreibungen von Punkten, Kurven und Füllungen. Das Bild ist das Rezept, es zu zeichnen, nicht die Zeichnung selbst. Aus diesem einen Unterschied leitet sich jede weitere Eigenschaft ab.

Derselbe Kreis auf zwei Arten gespeichert: ein Raster aus 16 mal 16 Pixeln mit schattierten Randpixeln und ein Vektorpfad mit vier Ankerpunkten und acht Griffen
Gleiche Form, zwei Rezepte: 256 farbige Quadrate oder 4 Punkte und 8 Griffe.

Vergleich nebeneinander

Raster vs. Vektor – nach Eigenschaft
EigenschaftRasterVektor
Was gespeichert wirdPixel (ein Raster farbiger Quadrate)Pfade (Mathematik: Punkte, Kurven, Füllungen)
SkalierungVerliert Details beim Vergrößern (Pixelbildung)Unendlich – scharf in jeder Größe
DateigrößeGroß (ein Eintrag pro Pixel)Klein (ein Eintrag pro Pfad)
BearbeitungPixel bearbeiten – Photoshop, GIMP, Affinity PhotoPfade bearbeiten – Illustrator, Inkscape, Figma, Affinity Designer
Fotografische DetailsHervorragend – Millionen feiner TonwerteSchlecht – man bräuchte Millionen Pfade
Logo- / Icon-ArbeitAuflösungsgebundene Ausgabe, schlecht skalierbarProduktionsreif, skaliert auf jede Größe
Druck in jeder GrößeBraucht Quelle über der DruckauflösungDruck in jeder Größe aus jeder Quelle
Gängige FormateJPG, PNG, WebP, GIF, TIFF, PSDSVG, AI, EPS, PDF, DXF
Typische NutzungFotos, Social Media, ScreenshotsLogos, Vinyl, Stickerei, CNC, Beschilderung

Wann Raster die richtige Wahl ist

  • Fotos. Jedes Foto ist Raster – Pixel, die festhalten, was der Kamerasensor gesehen hat.
  • Screenshots und Bildschirmaufnahmen.
  • Malerische, texturierte oder impressionistische Kunst, bei der es um die Anmutung des Pinselstrichs geht.
  • Alles mit fotorealistischen Verläufen oder Millionen feiner Tonwertabstufungen.
  • Schnelle Web-Darstellung, bei der Dateigröße und Ladezeit wichtiger sind als Skalierbarkeit.

Wann Vektor die richtige Wahl ist

  • Logos, Wortmarken, Icons, Illustrationen mit flachen Farbflächen.
  • Alles, was an einen Vinyl-Plotter geht – geschlossene Schnittpfade erforderlich.
  • Vorlagen für die Stickerei-Digitalisierung – saubere Verbindungen, keine überflüssigen Knoten.
  • Sonderfarben-Separation für den Siebdruck.
  • CNC-Fräsen, Laserschneiden, Plasmaschneiden – geschlossene DXF-Pfade erforderlich.
  • Gravur – Einzelstrich- oder reine Konturpfade.
  • Fertigung von Profilbuchstaben / Beschilderung.
  • Alles, was von der Visitenkarte bis zum Plakat skalieren muss.

Welche Datei Sie senden, je nach Empfänger

Die meisten Dateiprobleme beginnen, wenn ein Raster-Logo an jemanden geht, dessen Maschine Vektor braucht. Suchen Sie den Empfänger Ihrer Grafik in dieser Tabelle, bevor Sie sie senden. Was jedes Format enthalten kann, steht in unserem Leitfaden zu Vektordateiformaten.

Was Sie Druckerei, Schilderbau, Laserbetrieb oder Digitalisierer senden
EmpfängerSenden SieAuch in OrdnungVermeiden
Akzidenz- oder OffsetdruckereiPDF mit Logo und Schrift als Vektor (PDF/X-4, wenn verlangt)AI oder EPS für das Logo alleinEin als Web-JPG oder Screenshot eingefügtes Logo
Großformatdruck (Banner, Folierungen)PDF mit Vektor-Logo; Fotos mit etwa 100–150 ppi in EndgrößeAI oder EPSEin kleines PNG, das auf das Zehnfache vergrößert werden muss
Schilderbau mit FolienplotterAI, EPS, SVG oder PDF mit geschlossenen Pfaden und in Konturen umgewandelter SchriftDXF, wenn die Schneidesoftware es verlangtPNG oder JPG: Es wird neu gezeichnet und berechnet oder automatisch nachgezeichnet
Laser-, CNC- oder PlasmabetriebDXF oder SVG im Maßstab 1:1 mit geschlossenen PfadenAI oder PDF, wenn die CAM-Software es importiertJede Rasterdatei oder ein PDF, das nur ein Rasterbild enthält
SiebdruckereiAI, EPS oder PDF mit einer Sonderfarbe pro SiebHochaufgelöstes PSD oder TIFF in Druckgröße für fotografische MotiveEin niedrig aufgelöstes JPG mit weichen, verlaufenden Kanten
Stickerei-DigitalisiererAI, EPS, SVG oder PDF mit sauberen, geschlossenen FormenEin scharfes, hochaufgelöstes PNGEin winziges JPG mit Details, die der Faden nicht halten kann
DTF- oder DTG-DruckereiPNG mit 300 ppi in Druckgröße, transparent überall dort, wo nichts gedruckt werden sollEin Vektor-PDF oder SVGEin JPG mit einem weißen Kasten um das Motiv
Website oder Social MediaSVG für Logos und Icons; JPG, PNG oder WebP für FotosPNG für Logos auf sozialen PlattformenAI oder EPS: Browser und Apps können sie nicht anzeigen

So prüfen Sie, ob eine Datei wirklich Vektor ist

Die Dateiendung entscheidet das nicht. PDF, EPS, AI und SVG können jeweils ein eingefügtes Rasterbild enthalten, deshalb druckt eine „Vektor“-Datei manchmal unscharf.

  1. Auf 800 % oder mehr zoomen

    Kanten, die scharf bleiben, sind Vektor. Kanten, die zu Quadraten werden oder weich verlaufen, sind Pixel.

  2. Die Grafik anklicken

    In Illustrator, Inkscape oder Affinity Designer lässt sich Vektorgrafik als einzelne Formen mit Ankerpunkten auswählen. Ein Rasterbild wird als ein Rechteck ausgewählt, und Illustrator bezeichnet es als verknüpftes oder eingebettetes Bild.

  3. Nach eingebetteten Bildern suchen

    In Illustrator kann das Bedienfeld Dokumentinformationen eingebettete Bilder auflisten. In Acrobat Pro zeigt „PDF bearbeiten“ ein Raster-Logo als einen einzigen Bildrahmen statt als einzelne Formen.

  4. Ein SVG im Texteditor öffnen

    Ein echtes Vektor-SVG besteht überwiegend aus path-, circle- und polygon-Tags. Ein einziger langer image-Tag voller Base64-Text bedeutet ein in SVG verpacktes Rasterbild.

Stellt sich heraus, dass es Raster ist, ziehen Sie es in unseren kostenlosen Tracer, um zu sehen, wie weit die Auto-Nachzeichnung kommt, oder laden Sie es für eine Neuzeichnung von Hand hoch.

Warum Vektordateien kleiner sind (die Mathematik)

Ein Rasterbild mit 2000×2000 speichert 4 Millionen Pixel. Selbst bei 8 Bit pro Kanal × 3 Kanälen sind das unkomprimiert rund 12 MB. Dasselbe Logo als Vektor hat vielleicht 20–50 Pfade × je ein paar Kontrollpunkte – wenige KB insgesamt. Bei Logo-Grafiken gewinnt Vektor bei der Größe jedes Mal um das 100- bis 1000-Fache.

Skalierverhalten – der sichtbarste Unterschied

Wenn Sie ein 200×200-Raster-Logo nehmen und auf 2000×2000 hochrechnen, muss der Browser oder die Drucksoftware rund 99 % der Pixel per Interpolation erfinden. Das Ergebnis sind Pixelbildung, klobige Kanten und unscharfe Kurven. Dasselbe Logo als Vektor rendert bei 2000×2000 genauso scharf wie bei 200×200, weil die Mathematik in der Ausgabegröße neu berechnet wird.

Deshalb legen Produktionskäufer so viel Wert darauf, eine Vektorquelle zu bekommen. Ein Vinyl-Plotter, der ein 1,2 Meter großes Klebebild schneidet, kann mit einem 300×300-Raster-Logo nichts Sinnvolles anfangen – der Schnittpfad muss in der tatsächlichen Ausgabegröße gezeichnet werden, was bedeutet, von der Vektorgeometrie auszugehen, nicht von Pixeln.

Dasselbe Logo vergrößert – Raster verpixelt, Vektor bleibt scharf
Der sichtbarste Unterschied: Vektor bleibt in jedem Maßstab scharf, Raster nicht

DPI, Auflösung und warum Vektoren beides ignorieren

DPI (Dots per Inch) ist ein Konzept der Rasterformate. Es beschreibt, wie viele Pixel pro Zoll der Ausgabe die Datei belegen soll. Ein Bild mit 1200×1200 bei 300 DPI druckt in 4×4 Zoll; bei 72 DPI druckt es in etwa 16,7×16,7 Zoll, sieht im Druck aber pixelig aus, weil nur 72 Pixel pro Zoll an Detail vorhanden sind.

Vektordateien haben kein DPI – die Mathematik rendert bei der Pixeldichte, die das Ausgabegerät verlangt. Ein Vektorlogo druckt bei 300 DPI genauso sauber wie bei 72 DPI wie bei 4800 DPI (Offsetdruck). Die Trennlinie Raster-vs.-Vektor ist zugleich eine Trennlinie DPI-vs.-auflösungsunabhängig.

Anti-Aliasing — der sichtbare Kompromiss

Wenn ein Vektor bei einer niedrigen Ausgabeauflösung rendert, werden die Kurven auf ein grobes Pixelraster abgetastet. Der Renderer nutzt Anti-Aliasing – teiltransparente Pixel entlang der Kanten –, damit die Kurve glatt wirkt. Bei höheren Ausgabeauflösungen schrumpft der Anti-Aliasing-Saum und die Kante wirkt schärfer.

Rasterbilder haben das Anti-Aliasing bereits bei der Quellauflösung „einbetoniert“. Wenn Sie sie hochskalieren, wachsen die einbetonierten Anti-Aliasing-Pixel proportional mit und werden als unscharfe Kanten sichtbar. Es gibt keine Möglichkeit, einem Rasterbild ohne Neuzeichnung mehr Anti-Aliasing hinzuzufügen – die Quellauflösung ist eine harte Obergrenze.

Pixelbild da, Vektor gebraucht?

Selbst umzuwandeln ist fummelig. Sehen Sie, wo die automatische Vektorisierung scheitert.

Unser Browser-Tracer zeigt die Schwachstellen; ein Mensch zeichnet es dann sauber und produktionsfertig neu, in 24 Stunden.

Etwas Individuelles? E-Mail an hello@vectorwiz.com

Zwischen Raster und Vektor umwandeln

Vektor → Raster ist trivial: Jeder Browser, jede Drucksoftware und jeder Bildeditor kann einen Vektor in jeder gewählten Ausgabegröße rastern. Raster → Vektor ist die schwierige Richtung.

Entscheiden für einen echten Auftrag

Beispiele für Fotos und malerische Kunst, bei denen Raster das richtige Format ist
Raster für Fotos und Social-Media-Beiträge, Vektor für Logos und die Produktion
Ich poste auf Instagram
Raster. PNG oder JPG. Vektorformate werden auf sozialen Plattformen gar nicht erst angezeigt.
Ich drucke eine Zeitschriftenanzeige
Vektor für Logo und Schrift. Raster für das Foto. PDF/X-4 mit dem richtigen ICC-Profil bündelt beides für die Druckmaschine.
Ich betreibe einen Vinyl-Plotter
Vektor. AI, EPS, SVG oder DXF – geschlossene Pfade erforderlich.
Ich richte einen Stickerei-Digitalisierer ein
Vektorquelle, stichgerechte Geometrie. Von Hand neu gezeichneter Vektor schlägt für die Digitalisierungsqualität die Auto-Nachzeichnung.
Ich schneide Acryl per Laser
Vektor – geschlossene DXF-Pfade im AutoCAD-2000-Dialekt.
Ich poste ein Hochzeitsfoto in einem Blog
Raster. Verlustbehaftet komprimiertes JPG mit 1200–1800 Pixeln Breite. Vektor wäre riesig und langsam.

Raster zu Vektor an zwei echten Aufträgen

So sieht die Konvertierung an Dateien aus, die uns Kunden tatsächlich geschickt haben. Beide kamen als Rastergrafik an und brauchten Vektor, bevor eine Druckmaschine oder ein Plotter sie verarbeiten konnte.

Siebdruck. Das Obsidian-Wolfsabzeichen: Wolf, Schild und der gebogene Name wurden als geschlossene Sonderfarben-Formen neu gezeichnet und als AI, SVG, EPS und PDF geliefert. Den ganzen Obsidian-Auftrag ansehen.

Vorher: Obsidian-Wolfsabzeichen als Rastergrafik, kastanienroter Schild und grauer Wolfskopf
Nachher: Obsidian-Wolfsabzeichen als geschlossene Sonderfarben-Vektorformen neu gezeichnet
Vorher: das Obsidian-Abzeichen als Raster. Nachher: dasselbe Abzeichen als Sonderfarben-Vektorformen neu gezeichnet.

Beschilderung. Das Zeichen von Deschutes Commercial Collision: die DCC-Buchstaben, der Schwung und der Glanz auf dem Metall wurden als geschlossene Pfade neu aufgebaut und als AI, EPS, SVG und PDF geliefert, mit DXF für den Schnitt. Den ganzen Deschutes-Auftrag ansehen.

Vorher: Logo von Deschutes Commercial Collision als Rastergrafik, metallische DCC-Buchstaben
Nachher: Logo von Deschutes Commercial Collision als geschlossene Vektorpfade neu aufgebaut
Vorher: das Deschutes-Collision-Logo als Raster. Nachher: dasselbe Zeichen als geschlossene Pfade für die Fertigung neu aufgebaut.

Häufig gestellte Fragen

Was ist der einfachste Weg, Raster von Vektor zu unterscheiden?

Zoomen Sie auf 800 %. Vektor bleibt gestochen scharf, die Kanten glatt; Raster pixelt und zeigt das darunterliegende Pixelraster. Oder öffnen Sie die Datei in Illustrator – lassen sich einzelne Formen als Pfade auswählen, ist es ein Vektor; ist alles ein einziges flaches Bild, ist es ein Raster.

Ist PDF ein Raster oder ein Vektor?

Beides. PDFs sind Container, die Vektorpfade, Rasterbilder oder beides enthalten können. Ein aus Illustrator exportiertes PDF ist innen ein Vektor. Ein PDF, das ein Scan oder ein Foto ist, ist innen ein Raster. Öffnen Sie es in Illustrator oder nutzen Sie die Ausgabevorschau von Acrobat Pro, um zu erkennen, was Sie vor sich haben.

Warum wirken meine Logo-Ausdrucke verpixelt, obwohl sie am Bildschirm gut aussehen?

Die Bildschirmauflösung liegt typischerweise bei 72–96 DPI; der Druck bei 300–600 DPI. Ein Raster-Logo, das auf einem 72-DPI-Monitor bei 200×200 scharf aussieht, pixelt im Druck bei 600 DPI – selbst bei gleicher physischer Größe. Starten Sie entweder mit einem höher aufgelösten Raster (1200×1200+) oder nutzen Sie Vektor, der überhaupt keine Auflösung hat und in jeder Druckgröße scharf rendert.

Wie groß muss ein Pixelbild sein, um in großen Formaten zu drucken?

Standard-Druckqualität liegt bei 300 DPI. Ein Poster von 24×36 Zoll bei 300 DPI braucht eine Vorlage von 7200×10800 – etwa 78 Megapixel unkomprimiert. Die meisten Consumer-Kameras erreichen maximal rund 24–48 Megapixel, was bei großen Drucken ein Hochskalieren bedeutet. Eine Vektorvorlage umgeht dieses Problem vollständig.

Haben Vektordateien eine Auflösung?

Nein – genau das ist der Witz. Eine Vektordatei beschreibt Formen mathematisch, ohne sich auf ein Pixelraster festzulegen. Die Auflösung wird beim Rendern von dem Ausgabegerät oder Kontext bestimmt, das die Datei rendert. Ein Vektorlogo lässt sich aus derselben Quelle in 100×100 oder in 100.000×100.000 rendern.

Kann ich ein Raster-Logo selbst in einen Vektor umwandeln?

Ja, bei einfachen, kontrastreichen Logos – nutzen Sie den Bildnachzeichner von Adobe Illustrator oder „Bitmap nachzeichnen“ in Inkscape. Rechnen Sie mit 30 Minuten Nachbearbeitung der Auto-Nachzeichnung, bevor das Ergebnis produktionsreif ist. Bei mehrfarbigen Logos, fotografischer Vorlage oder allem, was an Vinyl/Stickerei/Siebdruck/CNC geht, liefert eine manuelle Neuzeichnung schneller bessere Ergebnisse.

Welches Dateiformat soll ich an eine Schilderwerkstatt schicken?

Vektor – AI, EPS, SVG oder PDF (innen Vektor). Die meisten Schilderwerkstätten können für Schneidewerkzeuge auch mit einer DXF arbeiten. Vermeiden Sie es, Raster-Logos (PNG, JPG) für Schilderarbeiten zu schicken – die Werkstatt zeichnet sie entweder neu (und stellt es Ihnen in Rechnung) oder zeichnet sie automatisch nach (mit einem schlechteren Ergebnis als eine Neuzeichnung von Hand).

Wenn ich ein Vektorlogo als PNG speichere, habe ich dann noch einen Vektor?

Nein. PNG ist ein Pixelformat – einen Vektor als PNG zu speichern rastert ihn bei einer festen Auflösung und verliert die ursprüngliche Mathematik. Die Vektorquelle existiert weiterhin in Ihrer AI-/SVG-Datei, der PNG-Export ist jedoch nur eine Momentaufnahme bei dieser Auflösung. Bewahren Sie beides auf: den Vektor zum Bearbeiten und für jede künftige Skalierung, das Pixelbild für den unmittelbaren Anzeigezweck.

Erzeugt KI Raster- oder Vektorbilder?

Die meisten KI-Bildgeneratoren (DALL-E, Midjourney, Stable Diffusion, Adobe Firefly Image) erzeugen Raster. KI-Vektorgeneratoren (Vectorizer.AI, vector.ai, Recraft, Adobe Firefly Vector) erzeugen Vektoren, indem sie entweder direkt auf Vektordaten trainieren oder Raster-Zwischenstufen in Vektor umwandeln. Die Vektorwerkzeuge sind neuer (ab 2022) und werden schnell besser.

Sind SVG-Dateien immer kleiner als PNG?

Bei Logos, Icons und Illustrationen mit flachen Farben: ja, oft 10- bis 100-mal kleiner. Bei Fotos oder komplexer Verlaufsgrafik: nein – ein SVG eines Fotos kann größer sein als das ursprüngliche PNG. Entscheiden Sie nach dem Inhaltstyp, nicht nach Annahme.

Kann ich Vektor und Raster im selben Design verwenden?

Ja – genau so funktioniert die meiste professionelle Gestaltung. Vektor für Logo, Schrift und saubere Illustrationen; Raster für Fotos und texturierte Hintergründe. Das Container-Format (PDF/X-4 für den Druck, PSD mit Smartobjekten, AI mit eingebettetem Raster) hält beides zusammen.

Was ist das „Bézier“ in „Bézier-Kurve“?

Pierre Bézier war ein französischer Ingenieur bei Renault, der die Kurvenmathematik 1962 für die Karosseriekonstruktion veröffentlichte. Paul de Casteljau leitete bei Citroën 1959 die äquivalente Mathematik her, doch Renault veröffentlichte zuerst – daher der Name. Jeder moderne Vektoreditor (Illustrator, Inkscape, Figma) nutzt unter der Haube Bézier-Kurven. Die meisten Nutzer müssen sich nie mit der Mathematik beschäftigen, doch der Begriff taucht in den Tooltips der Werkzeuge auf.

Naimur Rahman

Naimur Rahman

Leiter Kreation

Leitet bei VectorWiz die gestalterische Richtung und die Qualität. Prüft Produktionsgrafiken und zeichnet sie von Hand neu – für Schilder, Siebdruck, Stickerei und CNC.

Schick uns eine Datei

Von Hand gezeichnet. Für die Produktion gebaut.

Von Hand neu gezeichnet ab $19, in 24 Stunden zurück. Hochladen, Sofortpreis sehen, keine Bindung.