Pixelgrafik

Transcript Pixelgrafik

Bildbearbeitung

Grundlagen der Bildbearbeitung

Pixelgrafik

FHP - Fachbereich Bauingenieurwesen

Bildbearbeitung Grafik-Typen

Pixelgrafik Vektor-Bild Besteht aus Zeichenbefehlen ( z.B.

Linie von Punkt X nach Y ) Pixel-Bild Besteht aus Bild-Punkten ( genannt: Pixel) Wird in dieser Präsentation NICHT behandelt!

FHP - Fachbereich Bauingenieurwesen

Seite: 2/15

Bildbearbeitung Aufbau - Pixelgrafik

 Aus rechteckigen Bildpunkten (Pixel)    Jedes Pixel hat eine Farbe Pixel haben KEINE feste Größe Die Auflösung bestimmt die Pixel-Größe Pixelgrafik

FHP - Fachbereich Bauingenieurwesen

Seite: 3/15

Bildbearbeitung

Speicherverbrauch:

Einflussfaktoren

Pixelgrafik 1.

Grafikformat (unterschiedliche Komprimierungsverfahren) 2.

Bildgröße (Höhe und Breite) Auflösung (dpi ...) 4.

Farbtiefe, Farbanzahl Merke:   Hohe Qualität und Detail-Reichtum braucht viel Speicher!

Einen Mittelwert von Qualität und Speicherverbrauch anstreben!

FHP - Fachbereich Bauingenieurwesen

Seite: 4/15

Bildbearbeitung

Speicherverbrauch:

1. Grafik-Format

Pixelgrafik  JPG, JPEG  Optimal für Fotos  Verlustbehaftet komprimiert  PNG  Optimal für Grafik mit Text   KEIN Patentschutz, Standart im WWW Verlustfrei komprimiert  GIF   Optimal für Grafik mit Text Patentgeschützt  Verlustfrei komprimiert  TIFF  Optimal zum Datenaustausch  Unkomprimiert und komprimiert

FHP - Fachbereich Bauingenieurwesen

Seite: 5/15

Bildbearbeitung

Speicherverbrauch:

2. Bildgröße

Pixelgrafik  Wenn Höhe und Breite vergrößert werden:  Passen mehr Pixel in die Grafik (trotz gleicher Auflösung)  Dadurch sind meist mehr Farben notwendig (da jedem Pixel eine Farbe zugeordnet ist) Merke :   Kleine Bilder verbrauchen weniger Speicher Große Bilder verbrauchen mehr Speicher

FHP - Fachbereich Bauingenieurwesen

Seite: 6/15

Bildbearbeitung

Speicherverbrauch:

3. Auflösung

Die Auflösung klärt folgende Frage: Pixelgrafik  Wie viel Pixel passen auf die Länge X ?

 Einheit: meist

DPI

(

nch = Pixel/Zoll)  Formel: Auflösung = Pixel-Anzahl 1 Zoll 1Zoll ~ 2,54cm Merke: Hohe Auflösung  Viele Pixel/cm (viele, kleine Pixel)  Hoher Speicherverbrauch

FHP - Fachbereich Bauingenieurwesen

Pixel-Breite Breite der Grafik

Seite: 7/15

Bildbearbeitung

Pixelgrafik

Speicherverbrauch:

Bildgröße - Auflösung

Maße und Auflösung sind voneinander abhängig:   1x1Zoll Bild enthält bei 72dpi 5184 Pixel (72 Pixel x 72 Pixel = 5184) gleiches Bild bei 150 dpi  22500 Pixel (150 Pixel x 150 Pixel = 22500)  Auflösung ändern  die Darstellungsgröße wird verändert  Um die Größe zu erhalten, ist die Pixelanzahl anzupassen!

denn:  Ein Bild mit höherer Auflösung hat kleinere Pixel.

 Wenn die Auflösung erhöht wird, müssen Pixel hinzugerechnet werden!

ABER:  Die Bildqualität wird

kaum

verbessert. Je nach Güte das Algorithmus!.

FHP - Fachbereich Bauingenieurwesen

Seite: 8/15

Bildbearbeitung

  Schwarz Weiß  1 Bit pro Farbe (1 - schwarz, 0 weiß) Graustufen  8 Bit pro Farbe (für 256 Helligkeitsstufen) Pixelgrafik

Speicherverbrauch:

4. Farben - Farbtiefe -

   Indizierte Farben  8 Bit pro Farbe (für 256 Farben) RGB  24 Bit pro Farbe 8 Bit * 3 (gemischt aus

ed: 0-255,

reen: 0-255,

lue: 0-255) CMYK  32 Bit pro Farbe (gemischt aus 8 Bit * 4

yan: 0-255,

agenta: 0-255,

ellow: 0-255 , Bac

: 0-255)

FHP - Fachbereich Bauingenieurwesen

Typen

Aufbau

Speicherverbrauch

Variation der Farbmodi für einen Farb-Verlauf

Fragen

Seite: 9/15

Bildbearbeitung

Pixelgrafik

Speicherverbrauch:

4. Farben - Anzahl -

  Anzahl der Farben minimieren In Grafikformaten wie

PNG

und

GIF

möglich Merke bei Grafiken mit Text:

RGB

oder

CMYK

-Farben in

Indizierte

Farben umwandeln Anzahl der verwendeten Farben sinnvoll beschränken

FHP - Fachbereich Bauingenieurwesen

Seite: 10/15

Bildbearbeitung Fragen zur Pixelgrafik

Pixelgrafik  Warum ist das so kompliziert … Grafik als Schachbrett aus Rechtecken, die keine feste Größe haben?

 Pixelgrafiken sollen durch viele Medien darstellbar sein ( z.B. Scanner, Monitor, Beamer, Drucker … )  Jedes Medium funktioniert anders:     Der Flachbrett-Scanner beleuchtet zeilenweise, misst die Reflektion und zerlegt diese dann in Pixel Einen Röhren-Monitor gibt es z.B. mit Streifenmaske (statt quadratische Pixel) und nur 72 dpi Auflösung Ein Tintenstrahl Drucker sprüht Streifen aus runden Punkten Jedes Gerät hat eine eigene „Auflösung“

FHP - Fachbereich Bauingenieurwesen

Seite: 11/15

Bildbearbeitung Fragen zur Pixelgrafik

Pixelgrafik  Wie viel Speicher verbraucht ein JPG-Foto, wenn die Datei 500 KB groß ist ?

    500 KB Leider Falsch!!

Das Format ist wie GIF, PNG usw. KOMPRIMIERT Dadurch ist der reale Speicherverbrauch viel höher!

Vergleich:   Bei einem

ZIP

Paket kann man die Größe nach dem Entpacken auch nicht voraussagen!

Das hängt von der Komprimierbarkeit der Daten ab.

FHP - Fachbereich Bauingenieurwesen

Seite: 12/15

Bildbearbeitung Fragen zur Pixelgrafik

Pixelgrafik 2.

 1.

An welchen „Schrauben kann ich drehen“, wenn mein Bild wenig Speicher verbrauchen soll?

Das passende Grafik Format wählen (JPG oder PNG oder TIFF oder …) Höhe und Breite verringern Die Auflösung verringern Die Anzahl der Farbinformationen begrenzen

FHP - Fachbereich Bauingenieurwesen

Seite: 13/15

Bildbearbeitung Fragen zur Pixelgrafik

Pixelgrafik  Wie groß ist die Breite und Höhe einer Grafik, wenn diese am Bildschirm (in voller Größe) betrachtet werden soll?

 Heute stellen 4/3-Monitore min.

1024

768

(z.B. 15‘‘ TFT-Monitor) Pixel dar  Eine Grafik mit einer Breite von Höhe von

768 1024

Pixel und einer Pixel füllt die meisten Bildschirme aus Gilt nur wenn:   Die Auflösung der Grafik der Monitorauflösung entspricht Beträgt meist 96 dpi

FHP - Fachbereich Bauingenieurwesen

Seite: 14/15