Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel...

25
Bildbearbeitu ng Theorie Praktische Beispiele

Transcript of Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel...

Page 1: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

BildbearbeitungTheorie

Praktische Beispiele

Page 2: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Allgemeines

• Ein Bild besteht aus Bildpunkten = Pixel

• Auflösung = Gibt Anzahl der Pixel an

Angegeben in Breite x HöhezB 1025 * 768 787.200 Pixel

• Digitale Fotografie derzeit ca. 10 MegaPixel = 10.000.000

Page 3: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Pixelgrafik

Page 4: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Die Qualität von Bildernist abhängig von …

• Auflösung

• Farbtiefe

• Kompression

• Sonstige Faktoren

Page 5: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Auflösung

= Anzahl der Dots (Pixel) pro Inch (Zoll) oder Zentimeter

Auflösung 10 dpi:10 x 10 Pixel/Inch

Page 6: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Auflösung

Auflösung 20 dpi:20 x 20 Pixel/Inch

Höhere Auflösung = bessere Qualität

Verdoppelung der Auflösung Vervierfachung der Datenmenge

Page 7: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Auflösung - Begriffe

Dpi = Dots per Inch = Punkte pro Inch

1 Inch (Zoll) = 2,54 cm1 Zoll

Auflösung: 300 dpi

300 Punkte

1 Zoll

300

Pun

kte

1 Zoll2 = 300 x 300 = 90.000 Dots

Page 8: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Auflösung - Beispiel

Page 9: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Empfohlene Grafik-Auflösungen

• Scanner 700 dpi (für Text, Fotos)

• Druck: 300 dpi

• Internet: 72 dpi

Page 10: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Farbtiefe

= Anzahl der möglichen Farben pro Pixel

• 1 Bit = 2 Farben (Schwarz/Weiß)

• 2 Bit = 4 Farben

• 3 Bit = 8 Farben

Page 11: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Farbtiefe

• n Bit = 2 hoch n Farben

• GIF-Format hat 8 Bit Farbtiefe 2 ^ 8 = 256 Farben

• JPG-Format hat 24 Bit Farbtiefe 16,7 Mio Farben = True Color

Page 12: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Verkleinern von Bildern

• Pixel werden gelöscht

bei Vergrößern Qualitätsverlust!

Page 13: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Vergrößern von Bildern

• Pixelwiederholung(jedes Pixel verdoppelt)

ODER

• Lineare oder bikubische Interpolation (Berechnung anhand der benachbarten bzw weiter entfernten Pixel)= verbesserte Variante

Page 14: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Wichtige Dateiformate

1. bmp-Format (Windows)

2. psd–Format (Photoshop)

3. jpg–Format (für Farbfotos geeignet)

4. gif–Format (für Internet/Zeichnungen geeignet)

5. png–Format (Mac-PC kompatibel)

6. tiff-Format (Druckerei, Zeitungen)

Page 15: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

BMP-Format= Windows Bitmap

• Einfachstes Bitmapformat

• Keine Farbpaletten

• Verzichtet auf Kompression

• Viel Speicherplatz

Page 16: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

JPG oder JPEG Format= Joint Photographic Expert Group

• Vorteile1. Hohe Farbtiefe (24 Bit)2. Hohe Kompressionsrate3. Ab 256 Farben besser als GIF

• Nachteile 1. Entstehung von Artefakten(bei hoher Kompression)2. Keine Transparenz ( Internet)

Page 17: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Artefakte durch hohe Kompression

Page 18: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

GIF = Compuserve Graphics Interchange Format

• Vorteile1. Geeignet für kleine einfache Bilder2. Transparenz –Internet3. Sehr hohe verlustfreie Kompression 4. Animierte GIFs möglich

• Nachteil1. Niedrige Farbtiefe (8 Bit)2. Nur für Grafiken mit max. 256 Farben3. Eher schlecht für Fotos geeignet

Page 19: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Unterschied GIF - JPG

GIF-Datei 5 KBklares Bild, da geringe Farbtiefe

JPG-Datei 15 KBleicht verschwommen

Page 20: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Unterschied GIF - JPG

GIF-Datei 11 KBschlechte Qualität, da hohe Farbtiefe

JPG-Datei 6 KBgute Qualität trotz Kompression

Page 21: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

PNG-Format= Portabe Network Graphics

• Vorteile 1. Mac und PC kompatibel2. Verlustfreie Kompression

• Nachteile 1. Nur für neuere Browser2. Meist größer als gif oder jpg

Page 22: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

TIFF=Tagged Image File Format

• Hauptsächlich Speicherung von gescannten Bildern

• 16,7 Mio. Farben

• Viel Speicherplatz

• Format für Druckereien

Page 23: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Kompression

• Mathematisches Verfahren

• Ziel: Speicherbedarf verkleinern

• Hohe Kompression schlechte Qualität

• JPG, GIF, PNG

Page 24: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Dithering

• Mischen von Farben

• Vorgang des Browser(zB Internet Explorer oder Netscape)

• Wird eine Farbe nicht erkannt, wird eine ähnliche Farbe ausgewählt oder aus zwei verschiedenen eine neue Farbe gemischt

Page 25: Bildbearbeitung Theorie Praktische Beispiele. Allgemeines Ein Bild besteht aus Bildpunkten = Pixel Auflösung = Gibt Anzahl der Pixel an Angegeben in Breite.

Anti-Aliasing

• Rechnerisches Verfahren zur "Kantenglättung" bei Rastergrafiken und Schriften

• Treppenartige Kanten werden entschärfen