Vektor- und Rastergrafik – Zoom, Auflösung und Dateigröße

InformatikDigitale AnwendungenAlter 15–16

Mit meiner Klasse nutzen

Dieselbe Zeichnung wird auf zwei Arten erzeugt: Eine Vektorgrafik speichert die Formel jeder Form und wird daher bei jeder Vergrößerung scharf neu gezeichnet, eine Rastergrafik (Bitmap) speichert ein Pixelraster, sodass beim Hineinzoomen treppenartige Quadrate sichtbar werden. Die Lernenden ziehen den Zoomregler, verschieben die Ansicht durch Ziehen auf der Zeichenfläche und ändern die Rasterauflösung und die Anzahl der Formen. Die Dateigröße wird sofort aktualisiert: Die Bitmap-Größe ist Breite mal Höhe mal Farbtiefe geteilt durch 8, die Vektorgröße hängt nur von der Anzahl der Formen ab, nie von der Vergrößerung.

Lektion: Grafikdesign: Vektor- und Rastergrafik, Auflösung und Dateigröße

Was sie zeigt

Computer speichern Bilder auf zwei verschiedene Arten. Ein Rasterbild (Bitmap) speichert die Farbe jedes Pixels; seine unkomprimierte Größe beträgt Breite × Höhe × Farbtiefe ÷ 8 Byte, und beim Vergrößern werden nur die vorhandenen Pixel zu sichtbaren Quadraten gestreckt. Eine Vektorgrafik speichert jede Form als geometrische Beschreibung (Art, Koordinaten, Farbe, Kontur); sie wird in jeder Größe neu gezeichnet, und ihre Dateigröße hängt von der Zahl der Formen ab, nicht vom Zoom. Deshalb eignen sich Logos und Symbole für Vektorformate wie SVG, während Fotos Rasterformate wie PNG oder JPEG brauchen.

So funktioniert es

Beginnen Sie mit Vergleichen und ziehen Sie den Zoom-Regler, um beide Fassungen zu vergrößern; verschieben Sie die Zeichenfläche per Ziehen zu einem Rand und klicken Sie auf Zentrieren, um zurückzukehren. Beobachten Sie, wo die Bitmap treppenartig wird, während die Vektorkontur scharf bleibt. Ändern Sie dann Pixelraster und Farbe, lesen Sie die neue Bitmap-Dateigröße ab und ändern Sie die Zahl der Formen, um zu sehen, was die Vektordatei tatsächlich wachsen lässt.

Einstellbare Parameter

  • Anzeigemodus Nebeneinander vergleichen, Nur Vektorgrafik, Nur Bitmap
  • Vergrößerung 1–16 x
  • Bitmap-Auflösung 100 × 75 Pixel, 200 × 150 Pixel, 400 × 300 Pixel, 800 × 600 Pixel
  • Anzahl der Formen in der Zeichnung 1–30 Formen
  • Farbtiefe 8 Bit – 256 Farben, 24 Bit – Echtfarben, 32 Bit – mit Alphakanal

Fragen zum Erkunden

  1. Warum fügt das Vergrößern der Vektorgrafik der Dateigröße kein einziges Byte hinzu?
  2. Wie viele Byte braucht eine unkomprimierte Bitmap mit 800 × 600 Pixeln und 24 Bit Farbtiefe?
  3. Sollte ein Landschaftsfoto als Vektorgrafik oder als Bitmap gespeichert werden? Warum?