Raster- vs. Vektorgrafiken: Der komplette Leitfaden
Jedes digitale Bild ist entweder Raster oder Vektor. Den Unterschied zu kennen — und zu wissen, welches Format eine Aufgabe tatsächlich erfordert — bewahrt Sie sowohl vor verschwommenen Logos als auch vor Fotos, die sich nicht bearbeiten lassen.
Was ist ein Rasterbild?
Rastergrafiken (PNG, JPEG, GIF, BMP) speichern ein Bild als festes Raster aus Pixeln, jedes mit eigener Farbe. Digitalkameras, Scanner und Screenshots erzeugen alle Rasterbilder, weil genau so Lichtsensoren und Bildschirme Bilder tatsächlich erfassen und darstellen — Pixel für Pixel.
Der Nachteil ist die Auflösungsabhängigkeit: Ein Rasterbild wirkt nur bis zu seinen nativen Pixelabmessungen korrekt. Darüber hinaus muss die Software neue Pixelwerte erraten, um die Lücken zu füllen, weshalb vergrößerte Rasterbilder weich oder blockig wirken.
Was ist ein Vektorbild?
Vektorgrafiken (SVG, EPS, AI, PDF-als-Vektor) speichern ein Bild als mathematische Beschreibungen von Formen: Punkte, Linien und Kurven, jeweils mit definierter Füllung oder Kontur. Es gibt keine feste Auflösung, da die Formen jedes Mal neu berechnet werden, wenn das Bild angezeigt oder gedruckt wird.
Das macht Vektoren ideal für alles, was skalieren muss — Logos, Icons, Typografie, technische Illustrationen und Schneidepfade für Maschinen wie Laserschneider oder Cricut- und Silhouette-Geräte.
Raster vs. Vektor: Direkter Vergleich
| Raster | Vektor | |
|---|---|---|
| Besteht aus | Pixeln | Punkten, Linien, Kurven |
| Auflösung | Fest an Quellabmessungen gebunden | Auflösungsunabhängig |
| Ideale Inhalte | Fotos, komplexe Texturen | Logos, Icons, Strichzeichnungen, Schneidepfade |
| Typische Formate | PNG, JPEG, GIF, BMP | SVG, EPS, AI |
| Bearbeitung | Pixelebene (Photoshop, GIMP) | Formebene (Illustrator, Inkscape, Figma) |
Konvertieren zwischen Raster und Vektor
Der Weg von Vektor zu Raster („Rasterisieren") ist einfach: Die Formen werden in ein Pixelraster der gewünschten Größe gerendert — genau das passiert automatisch, wenn Sie ein PNG aus einem Designprogramm exportieren.
Der umgekehrte Weg — Raster zu Vektor — erfordert Tracing: das Pixelraster analysieren, ähnliche Farben gruppieren und mathematische Kurven an die Grenzen zwischen ihnen anpassen. Eine vollständige Übersicht über diesen Prozess finden Sie unter wie Bild-Tracing funktioniert, oder konvertieren Sie ein PNG direkt in SVG.
Häufig gestellte Fragen
Kann ein Vektorbild jemals schlecht aussehen?
Ja, wenn Sie versuchen, feine fotografische Details in eine kleine Anzahl von Vektorformen zu pressen — das Ergebnis verliert dann realistische Textur und wirkt eher wie flächige, plakatartige Kunst.
Ist SVG ein Raster- oder ein Vektorformat?
SVG ist ein Vektorformat — es speichert Pfade und Formen, keine einzelnen Pixel, weshalb es bei jeder Größe scharf bleibt.
Welches Format sollte ich für ein Website-Favicon verwenden?
SVG eignet sich in der Regel am besten für ein Favicon, da es über den gesamten Größenbereich hinweg scharf bleibt, den Browser abfragen, auch wenn ein PNG-Fallback für ältere Browser üblich ist.
Verwandte Anleitungen
Eine engere, formatspezifische Version derselben Raster-vs.-Vektor-Frage.
Der technische Prozess hinter der Umwandlung von Raster in Vektor.
Ein Praxisbeispiel dafür, warum Vektorpfade mehr zählen als Pixel.