Rastergrafik und Vektorgrafik: Auflösung, dpi und Bildformate

Kurz: Rastergrafiken bestehen aus Pixeln und werden beim Vergrößern unscharf, Vektorgrafiken aus Formeln und bleiben scharf; für jedes Ziel passt ein anderes Bildformat.

Genauer: Bilder werden im Computer auf zwei Arten gespeichert. Wer den Unterschied kennt, wählt für Foto, Logo, Webseite und Druck das richtige Format.

Im Detail

Raster (Pixel)

Ein Bild ist ein Gitter aus Pixeln, jedes mit einer Farbe. Vorteile: ideal für Fotos, feine Farbverläufe. Nachteile: Dateigröße wächst mit Auflösung (Breite × Höhe), beim Vergrößern entsteht Unschärfe oder Treppen. Beispiel: Full HD = 1920 × 1080 Pixel (≈ 2 Megapixel); 12 Megapixel entsprechen etwa 4000 × 3000. Bearbeitung: GIMP, Photoshop, Krita, Affinity Photo.

Vektor (Formeln)

Das Bild besteht aus Formen, Linien, Kurven und Farben, beschrieben als Zahlen. Vorteile: beliebig skalierbar, kleine Dateien bei einfachen Motiven, gut für Logos, Icons, Diagramme. Nachteile: ungeeignet für Fotos. Bearbeitung: Inkscape, Illustrator, Affinity Designer, Figma. Format: SVG (im Web, direkt in HTML nutzbar und mit CSS gestaltbar), PDF/EPS (Druck).

Auflösung und dpi

ppi/dpi (Pixel bzw. Punkte pro Zoll) beschreibt die Dichte. Bildschirm: etwa 72 bis 150 ppi (Retina/Handy 300 bis 500). Druck: 300 dpi gelten für gute Qualität (Beispiel: 10 × 15 cm bei 300 dpi ≈ 1181 × 1772 Pixel). Für Webseiten zählen Pixelmaße, nicht dpi; liefere 2× Auflösung für Retina-Bildschirme (srcset).

Wichtige Bildformate

• JPEG/JPG: verlustbehaftet, Fotos, kleine Dateien, keine Transparenz.
• PNG: verlustfrei, Transparenz, Grafiken, Screenshots.
• WebP, AVIF: moderne Formate, kleiner als JPEG/PNG bei gleicher Qualität (AVIF noch kleiner).
• GIF: 256 Farben, einfache Animation (heute oft durch Video/WebP ersetzt).
• SVG: Vektor. TIFF: verlustfrei, Druck/Archiv. RAW (Kamera-Rohdaten), HEIC (iPhone). Faustregeln: Fotos → JPEG/WebP/AVIF, Logos/Icons → SVG, Screenshots/Transparenz → PNG/WebP, Druck → PDF/TIFF. Komprimiere für das Web, setze alt-Texte und beachte Rechte (Urheberrecht).

Siehe auch: JPEG, WebP, SVG-Vektorgrafiken, Bildkompression, Farbräume