Grafik-Grundlagen

Raster vs Vektor

Verstehen Sie den fundamentalen Unterschied zwischen Pixelrastern und mathematischen Pfaden durch diese interaktive Demo.

Zoom-Stufe: 1.0x
Schieberegler ziehen für Details
Raster
Essenz: Pixelgitter
Vektor
Essenz: Mathematische Pfade

Raster-Technologie

  • Prinzip:

    Ein Gitter aus farbigen Quadraten, genannt "Pixel". Jedes Pixel enthält spezifische Farbinformationen (RGB). Die Qualität hängt direkt von der Auflösung (DPI/PPI) ab.

  • Farbe:

    Hervorragend bei komplexen Farbverläufen, Schatten und Details. Die einzige Wahl für Fotos und realistische Malerei.

  • Formate:
    JPG PNG GIF TIFF WEBP

Vektor-Technologie

  • Prinzip:

    Basiert auf mathematischen Formeln (Punkte, Linien, Kurven). Ein Kreis wird z.B. durch Mittelpunkt und Radius `r` definiert, nicht durch Pixel. Daher unendlich skalierbar ohne Qualitätsverlust.

  • Datei:

    Dateigröße ist meist sehr klein (speichert nur Befehle) und unabhängig von den Abmessungen. Nicht gut für fotorealistische Bilder.

  • Formate:
    SVG AI EPS PDF
DimensionRasterVektor
Auflösung
Abhängig
Unabhängig
Dateigröße
Groß (bei hoher Auflösung)
Winzig (bei einfachen Formen)
Konvertierung
Schwer zu vektorisieren
Leicht zu rastern
Beste Nutzung
Fotos, Gemälde
Logos, Icons, Schrift
Tipp: Modernes Webdesign nutzt SVG für Icons für Schärfe auf Retina-Displays und WebP/JPG für Fotohintergründe.