Pixel vs. Vektorgrafik — der technische Unterschied Dasselbe Bild. Völlig andere Mathematik.
Pixelgrafiken (Raster) speichern ein Bild als Raster farbiger Quadrate – jedes Pixel ist ein Tupel aus (x, y, Farbe), festgelegt bei der Quellauflösung. Vektorgrafiken speichern ein Bild als Mathematik – Pfade, Punkte, Kurven, Füllungen – bei jeder Ausgabegröße neu berechnet. Pixel glänzen bei fotografischen Details und verlustfreien Aufnahmen realer Motive; Vektoren glänzen bei Logos, Icons und produktionsfertigen Schnittpfaden, die skalieren müssen.
Wie Pixelgrafiken ein Bild speichern
Ein Pixelbild ist buchstäblich ein Raster. Ein Bild mit 1920×1080 speichert 2.073.600 einzelne Pixel, jedes mit einem Farbwert (typischerweise 24 Bit – je 8 Bit für Rot, Grün, Blau) plus optional 8 Bit Alpha. Das Bild „ist“ die Pixeldaten.
Festgefahren mit einem Pixel-Logo? Sehen Sie, wo die automatische Vektorisierung scheitert — kostenlos.
Laden Sie es in unseren Browser-Tracer, und lassen Sie es dann von einem Menschen als sauberen, skalierbaren Vektor neu aufbauen. Produktionsfertig in 24 Stunden.
Need something custom? Email hello@vectorwiz.com
Kompression (PNG, JPG, WebP) verringert den Speicherbedarf auf der Festplatte, ändert aber nicht das zugrunde liegende Modell – wenn Sie die Datei öffnen, erhalten Sie weiterhin ein 1920×1080-Raster aus Pixelwerten zum Arbeiten. Das Bild hat eine feste Auflösung, die bei der Aufnahme oder Erstellung einbetoniert wird.
Wie Vektorgrafiken ein Bild speichern
Ein Vektorbild ist eine Abfolge von Zeichenanweisungen. Ein Logo könnte sein: „beginne bei (10, 10), zeichne eine Bézier-Kurve nach (50, 80) mit den Kontrollpunkten (20, 30) und (40, 70), fülle die entstehende Fläche mit dem Hexwert #00B74A.“
Die Datei speichert die Anweisungen, nicht das Bild. Wenn Sie sie öffnen, geht der Renderer (Browser, Plotter, CNC) die Anweisungsliste durch und zeichnet das Ergebnis in der gewünschten Ausgabegröße. Die Anweisungen ändern sich nicht; das Rendering schon.
Die Skalierungsmathematik
Nehmen Sie ein Pixellogo mit 200×200 und lassen Sie es vom Browser in 2000×2000 anzeigen. Es sind 4.000.000 Pixel zu zeichnen, in der Quelle stecken aber nur 40.000. Der Browser muss die übrigen 3.960.000 per Interpolation erfinden – meist bilinear oder bikubisch, was unscharfe Kanten erzeugt. Die tatsächliche Informationsdichte des Bildes bleibt bei 2000×2000 weiterhin 200×200; Sie haben es nur gedehnt.
Nehmen Sie dasselbe Logo als Vektor und rendern Sie es in 2000×2000. Die Mathematik wird bei der neuen Auflösung neu berechnet – jedes Kurvensegment wird ausgewertet, um exakt in das 2000×2000-Raster zu passen. Die Kanten bleiben gestochen scharf, weil der Renderer von Grund auf die volle Ausgabeauflösung nutzt.
| Ausgabegröße | Pixelvorlage (200×200) | Vektorvorlage |
|---|---|---|
| 100×100 | Scharf (heruntergerechnet) | Scharf |
| 200×200 | Scharf (1:1) | Scharf |
| 400×400 | Leicht unscharfe Kanten | Scharf |
| 800×800 | Deutlich unscharf | Scharf |
| 2000×2000 | Stark unscharf / klotzig | Scharf |
| 10.000×10.000 | Praktisch zerstört | Scharf |
Abwägung von Dateigröße und Rechenaufwand
Pixel- und Vektorformate tauschen Speicherplatz gegen Rechenzeit. Pixel sind günstig zu rendern (einfach das Raster auf den Bildschirm blitten), aber teuer bei hohen Auflösungen zu speichern. Vektoren sind günstig zu speichern, erfordern aber Rechenleistung beim Rendern.
| Bild | Pixelgröße (PNG) | Vektorgröße (SVG) | Was gewinnt |
|---|---|---|---|
| Einfaches Logo (100 Pfade) | 200 KB bei 2000×2000 | 5 KB | Vektor (40× kleiner) |
| Icon-Set (24 Icons) | 2 MB gesamt bei 256×256 | 30 KB gesamt | Vektor (60× kleiner) |
| Foto eines Sonnenuntergangs | 2 MB bei 1920×1080 | 50 MB zum Vektorisieren | Pixel (25× kleiner) |
| Malerisches Porträt | 8 MB bei 4000×4000 | Größer und schlechtere Qualität | Pixel |
| UI-Mockup mit Text | 1,5 MB bei 1920×1080 | 200 KB als SVG | Vektor |
| Halbton-gedrucktes Foto | 5 MB bei 4000×4000 | Vektor erhält das Korn schlecht | Pixel |
Festgefahren mit einem Pixel-Logo? Sehen Sie, wo die automatische Vektorisierung scheitert — kostenlos.
Laden Sie es in unseren Browser-Tracer, und lassen Sie es dann von einem Menschen als sauberen, skalierbaren Vektor neu aufbauen. Produktionsfertig in 24 Stunden.
Need something custom? Email hello@vectorwiz.com
DPI, Auflösung und warum Vektoren beides ignorieren
DPI (Dots per Inch) ist ein Konzept der Pixelformate. 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 Pixel-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.
Pixelbilder 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 Pixelbild ohne Neuzeichnung mehr Anti-Aliasing hinzuzufügen – die Quellauflösung ist eine harte Obergrenze.
Wann was gewinnt — nach Inhaltstyp
- Fotografische Inhalte
- Immer Pixel. Vektoren können die Millionen feiner Tonwertabstufungen, die eine Kamera erfasst, nicht darstellen. Selbst KI-Vektorisierer liefern stilisierte Interpretationen, keine originalgetreue Fotowiedergabe.
- Logos und Markenzeichen
- Immer Vektor. Sie müssen vom Favicon bis zur Plakatwand skalieren, ohne neu gemastert zu werden.
- Icons und UI-Grafiken
- Vektor. SVG-Icon-Sets rendern bei jedem Bildschirm-DPI gestochen scharf; Pixel-Icons brauchen mehrere Auflösungsvarianten (1×, 2×, 3×).
- Produktions-Schnittpfade (Vinyl, CNC, Laser)
- Vektor. Das Schneidewerkzeug braucht Pfadgeometrie, keine Pixeldaten.
- Vorlage zur Stickerei-Digitalisierung
- Vektor. Stichgerechte Geometrie entsteht aus sauberen Vektorpfaden.
- Screenshots und Bildschirmaufnahmen
- Pixel. Die Quelle ist pixelnativ (Ihr Bildschirm).
- Gemischt Foto + Text (Magazinanzeigen, Poster)
- Beides. Pixel für das Foto, Vektor für Text und Grafikelemente. Kombiniert in einer PDF/X-4 für den Druck oder in einer mehrschichtigen PSD/AI zur Bearbeitung.
Häufig gestellte Fragen
Ist ein digitales Foto ein Pixel- oder ein Vektorbild?
Pixel (Raster). Alle Digitalkameras erfassen Licht auf einem Pixelsensor, daher ist jedes digitale Foto im Kern ein Pixelbild. Ob als JPG, PNG, HEIC oder RAW gespeichert – alles sind Pixelformate. Sie können ein Foto per KI-Werkzeug in einen Vektor umwandeln, das Ergebnis ist jedoch eine stilisierte Interpretation, keine originalgetreue Kopie.
Warum nutzen Computer nicht für alles Vektorgrafiken?
Rechenaufwand. Vektoren zu rendern ist rechenintensiver als das Blitten von Pixeln – die GPU muss die Kurvenmathematik bei der Ausgabeauflösung auswerten. Für fotografische Inhalte bläht die Vektordarstellung zudem die Dateigröße auf und verschlechtert die Qualität, sodass Pixel in beiden Punkten gewinnen. Vektor gewinnt bei formlastigen Inhalten (Logos, Icons, Illustrationen); Pixel gewinnt bei tonwertlastigen Inhalten (Fotos, malerische Bilder).
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.
Kann ich Pixel von Vektor an der Dateiendung erkennen?
Meistens – aber PDF ist die berüchtigte Ausnahme. JPG, PNG, WebP, GIF, TIFF, HEIC, PSD sind immer Pixel. SVG, AI, EPS, DXF sind immer Vektor. PDF kann beides sein. CDR (CorelDRAW) ist Vektor. Der verlässliche Test: in Illustrator oder Inkscape öffnen und prüfen, ob sich einzelne Elemente als Pfade auswählen lassen.
Sind SVG und Vektor Synonyme?
Nicht ganz. SVG (Scalable Vector Graphics) ist ein konkretes Vektordateiformat – der W3C-Webstandard. Vektorgrafik ist das übergeordnete Konzept, Bilder mathematisch darzustellen, das in vielen Formaten umgesetzt wird (SVG, AI, EPS, PDF, DXF usw.). Jedes SVG ist ein Vektor; nicht jedes Vektorformat ist ein SVG.
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.
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.
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.
Naimur Rahman
Senior-Vektordesigner bei VectorWiz. Zeichnet täglich Kundengrafiken von Hand neu für Schilder-, Siebdruck-, Stickerei- und CNC-Produktion.
Verwandte Artikel
Von Hand gezeichnet. Für die Produktion gebaut.
Sofortpreis, keine Bindung. Produktionsgenaue Vektoren in 24 Stunden in deinem Postfach.