DYS+ Campus ist kostenlos und ohne Werbung. Projekt mit einer Spende unterstützen

Informatik

Pixel oder Vektor?

Pixel- und Vektorgrafiken haben Vor- und Nachteile. Je nach Zweck passt die eine oder die andere besser.

  • ca. 11 Minuten
  • Klasse 7
  • Niveau: Plus

Das lernst du heute

  • Ich kann beide Grafikarten vergleichen.
  • Ich kann für ein Beispiel die passende Grafikart auswählen.
  • Ich kann erklären, was beim Vergrößern mit der Datenmenge passiert.

Das brauchst du schon: Vielleicht hilft dir zuerst eine dieser Lektionen: Pixelgrafik: Bilder aus Punkten, Vektorgrafik: Bilder aus Formen

Fotos sind meist Pixelgrafiken. Das Foto hat viele feine Übergänge, die man nicht als einfache Formen beschreiben kann. Logos, Pläne und Zeichnungen aus klaren Formen sind meist Vektorgrafiken. Vergrößert man eine Pixelgrafik, muss der Computer Punkte dazuerfinden, und das Bild wird unscharf. Speichert man das größere Bild, steigt außerdem die Datenmenge: Verdoppelt man Breite und Höhe, ist die Pixelzahl viermal so groß. Eine Vektorgrafik braucht nach dem Vergrößern gleich viele Daten, denn nur die Zahlen in der Beschreibung ändern sich.

MerkmalPixelgrafikVektorgrafik
Gespeichert wirdjeder PunktFormen mit Attributen
Gut fürFotosLogos und Pläne
Vergrößernunscharfscharf
Datenmenge beim Vergrößernwächstbleibt gleich

Die passende Grafikart wählen

  1. Aufgabe: ein Schullogo für Plakat und Visitenkarte.
  2. Das Logo soll sehr groß und sehr klein scharf sein.
  3. Das Logo besteht aus klaren Formen.
  4. Wahl: Vektorgrafik.

Ich verstehe das noch nicht

Such dir aus, was dir hilft.

Noch einfacher erklärt

Foto = Pixel.

Logo = Vektor.

Vergrößern: Pixel unscharf, Vektor scharf.

Ein Beispiel

Beispiel

Ein Gemälde malt man mit vielen feinen Farbtupfern. Das entspricht Pixeln. Einen Bauplan zeichnet man mit klaren Linien. Das entspricht Vektoren.

Schritt für Schritt

Wir vergleichen die Datenmenge beim Vergrößern.

  1. Ein Pixelbild hat 50 mal 50 Pixel: 2500 Pixel.
  2. Breite und Höhe werden verdoppelt: 100 mal 100 = 10000 Pixel.
  3. 10000 : 2500 = 4.
  4. Die Datenmenge ist 4-mal so groß.

Mit einem Bild erklärt

PixelbildPixelFaktor
50 mal 5025001
100 mal 100100004

Zur Grundlage zurück

Ausprobieren

Jetzt zusammen

Wir lösen die Aufgabe gemeinsam. Nutze die Hilfen, wenn du sie brauchst.

Welche Grafikart passt besser für ein Foto?
Zeig mir den ersten Schritt

Hat das Bild feine Übergänge oder klare Formen?

Lösung ansehen

Lösung: Pixelgrafik

Üben

Jetzt du

Jetzt probierst du es allein.

Ein Pixelbild ist 20 mal 20 Pixel groß. Wie viele Pixel hat es?

Zeig mir den ersten Schritt

Rechne 20 · 20.

Lösung ansehen

Lösung: 400

20 · 20 = 400.

Tipp: Frage zuerst: Besteht das Bild aus klaren Formen oder aus feinen Farbübergängen?

Merksatz: Foto: Pixel. Logo und Plan: Vektor. Beim Vergrößern wächst nur die Pixelgrafik an Daten.

Typischer Fehler: Viele glauben, Vektorgrafiken seien immer besser. Für ein Foto ist die Pixelgrafik aber die richtige Wahl.

Prüfen

Mini-Quiz

5 kurze Fragen, ohne Noten. Bei jeder Frage kannst du dir die Lösung ansehen.

Frage 1 Das Bild wird in beide Richtungen doppelt so groß: 40 mal 40 Pixel. Wie viele Pixel sind das?

Zeig mir den ersten Schritt

Rechne 40 · 40.

Lösung ansehen

Lösung: 1600

40 · 40 = 1600.

Frage 2 Das Bild hatte 400 Pixel und hat jetzt 1600. Wievielmal so viele Pixel sind das?

Zeig mir den ersten Schritt

Teile 1600 durch 400.

Lösung ansehen

Lösung: 4

1600 : 400 = 4.

Frage 3 Welche Grafikart passt besser für ein Schullogo auf Plakat und Visitenkarte?
Lösung ansehen

Lösung: Vektorgrafik

Frage 4 Bei einer Vektorgrafik wächst die Datenmenge beim Vergrößern stark an.
Lösung ansehen

Lösung: Stimmt nicht

Frage 5 Welche Aussage über das Vergrößern stimmt?
Lösung ansehen

Lösung: Pixelbilder werden unscharf, Vektorbilder bleiben scharf

Geschafft

Pixelgrafiken eignen sich für Fotos, Vektorgrafiken für klare Formen. Beim Vergrößern bleibt die Vektorgrafik scharf und braucht gleich viele Daten.

Zum Schluss

Kannst du das schon?

Hake ab, was du schon kannst. Was noch fehlt, schaust du dir einfach noch einmal an.

Zum Ausdrucken

Übungsheft Datentypen, Pixel und Vektoren

Kurz erklärt, 55 Aufgaben in drei Stufen und alle Lösungen. Kostenlos.

PDF, 384 KB

Übungsheft herunterladen (PDF, 384 KB)

Das Heft ist für alle kostenlos – auch wenn gerade kein Geld dafür da ist. Wer es einrichten kann, unterstützt DYS+ Campus mit einem selbst gewählten Betrag. Freiwillig unterstützen