Raster & Vektor
Digitale Bilder gibt es in zwei grundlegend verschiedenen Arten: als Rasterbild aus Pixeln oder als Vektorgrafik aus mathematischen Formen. Beide haben ihre Stärken — und typische Schwächen.
Was ist ein Pixel?
Klicke ins linke Bild um den Ausschnitt zu verschieben. Mit dem Schieberegler werden die einzelnen Pixel immer größer und sichtbarer.
🖼️ Rasterbild
Ein Raster aus winzigen farbigen Quadraten — den Pixeln.
Jedes Pixel hat eine feste Farbe. Das Bild besteht aus einer bestimmten Anzahl von Spalten und Zeilen — z.B. 1920 × 1080 Pixel. Beim Vergrößern werden die Pixel sichtbar: das Bild wird „verpixelt" oder „pixelig".
- Typische Formate: JPG, PNG, BMP, GIF
- Ideal für Fotos und komplexe Bilder
- Qualitätsverlust beim Vergrößern
✏️ Vektorgrafik
Mathematische Beschreibungen von Linien, Kurven und Flächen.
Statt einzelner Pixel werden geometrische Formen gespeichert: „Kreis mit Mittelpunkt (x,y), Radius r, Farbe rot". Der Computer berechnet die Darstellung jedes Mal neu — daher immer gestochen scharf, egal wie groß.
- Typische Formate: SVG, PDF, AI, EPS
- Ideal für Logos, Icons, Schrift
- Kein Qualitätsverlust beim Skalieren
🔍 Auflösung
Wie viele Pixel hat ein Bild — und was bedeutet das für die Qualität?
Die Auflösung gibt an, wie viele Pixel ein Bild in Breite und Höhe hat: z.B. 3840 × 2160 (4K). Je mehr Pixel, desto mehr Details — aber auch desto größer die Datei.
Beim Drucken zählt die Pixeldichte: ppi (pixels per inch) — oft ungenau auch als dpi bezeichnet. 300 ppi gilt als Druckqualität.
⚠️ Aliasing
Schräge Kanten im Pixelraster erzeugen unerwünschte Treppeneffekte.
Da Pixel quadratisch sind, können schräge Linien nicht exakt dargestellt werden. Es entsteht ein sichtbarer Treppeneffekt — genannt Aliasing.
Anti-Aliasing löst das Problem: Randpixel bekommen eine Zwischenfarbe zwischen Kante und Hintergrund, sodass die Kante optisch glatter wirkt.
- Pixel-basiert, feste Auflösung
- Ideal für Fotos und komplexe Farben
- Vergrößern → Qualitätsverlust
- Große Dateigröße bei hoher Auflösung
- Formate: JPG, PNG, BMP
- Mathematische Formen & Pfade
- Ideal für Logos, Icons, Schriften
- Beliebig skalierbar ohne Verlust
- Kleine Dateigröße, unabhängig von Größe
- Formate: SVG, PDF, AI
Raster vs. Vektor: Zoom-Vergleich
Zoome rein: links wird das Rasterbild unscharf und pixelig, rechts bleibt die Vektorgrafik gestochen scharf.
Treppeneffekt: Aliasing
Schräge Dachkanten im Pixelraster: links entsteht ein deutlicher Treppeneffekt. Rechts mildert Anti-Aliasing die Kante durch Zwischenfarbtöne am Rand.
JPEG-Kompression & Artefakte
JPEG teilt das Bild in 8×8-Pixel-Blöcke und komprimiert jeden Block. Bei starker Kompression entstehen sichtbare Artefakte — besonders an feinen, kontrastreichen Details wie Wasser oder Kanten. Ziehe den Ausschnitt mit der Maus, zoome rein.
