Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

25
Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder

Transcript of Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Page 1: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Digitale Bilder

Page 2: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Page 3: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Motivation:

Probleme beim Erstellen von Präsentationsdokumenten auf Grund zu großer Bilddateien

Lernziele:

Digitalisierung eines Bildes

Zusammenhang Auflösung beim Scannen – Dateigröße

Unterschied (Speicher-)Größe und Darstellungsfläche (Ansicht) eines Grafikdatei

Gängige Grafikformate und ihre Anwendung

Page 4: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Digitalisierung eines Bildes

Page 5: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Digitalisierung eines Bildes

Page 6: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Digitalisierung eines Bildes

Page 7: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Digitalisierung eines Bildes

Page 8: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Zusammenhang zwischen Auflösung und Dateigröße

Page 9: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Zusammenhang zwischen Auflösung und Dateigröße

Page 10: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Zusammenhang zwischen Auflösung und Dateigröße

Page 11: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Zusammenhang zwischen Auflösung und Dateigröße

Page 12: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Ergebnis:

Je feiner das Raster, desto deutlicher ist das Bild, da mehr Information darin enthalten ist. Mehr Information bedeutet aber auch einen längeren Scanvorgang und größere Bilddateien (d.h. mehr Speicherplatz).

Z. B. ergibt eine Verfünffachung der Rasterung eine Verfünfundzwanzigfachung des Speicheraufwands.

Zusammenhang zwischen Auflösung und Dateigröße

Page 13: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Informationsgehalt und - darstellung

Page 14: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Informationsgehalt und -darstellung

Page 15: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Informationsgehalt und -darstellung

Page 16: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Informationsgehalt und -darstellung

Page 17: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Farbtiefe

Anzahl der Farben Speicherbedarf pro Pixel

s/w 2 1 bit

Graustufen 256 8 bitbzw. 256 Farben

optimale Farbe 16,7 Mio. 24 bit

Gängige Grafikformate und ihre Anwendung

Page 18: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Komprimierte Grafikdateien

Format Farbtiefe Komprimierung Anwendung

bmp 24 bit unkomprimiert Standardformat für Pixel-grafiken unter Windows

tif 32 bit verlustfreie Kompr. 4-Farben Druck

gif 8 bit verlustreiche Kompr. Zeichnungen, durch Reduktion Motive mit wenigen der Farben Farben

jpg 24 bit verlustreiche Kompr. Fotos, wegenBlockbildung und vielen verschiedenenQuantisierung Farben

Gängige Grafikformate und ihre Anwendung

Page 19: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Beispiel für verlustreiche jpg-Kompression

Orginaldatei: bmp Format Speicherbedarf 1,0 MB

Page 20: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Qualität 100% (d.h. geringe Kompression): 300 kB

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Beispiel für verlustreiche jpg-Kompression

Page 21: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Qualität 75% : 50 kB

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Beispiel für verlustreiche jpg-Kompression

Page 22: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Qualität 50% : 30 kB

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Beispiel für verlustreiche jpg-Kompression

Page 23: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Qualität 25% : 20 kB

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Beispiel für verlustreiche jpg-Kompression

Page 24: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Qualität 10% : 13 kB

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Beispiel für verlustreiche jpg-Kompression

Page 25: Peter Brichzin, Gymnasium Ottobrunn – Bausteine zur Medienkompetenz Digitale Bilder.

Pete

r Brich

zin, G

ym

nasiu

m O

ttob

run

n – B

au

stein

e zu

r Med

ien

kom

pete

nz

Gymnasium OttobrunnGymnasium Ottobrunn

MEDIEN-MEDIEN- und METHODEN-METHODEN- CURRICULUM

Quelle:

Brichzin, Peter; digitale Bilder

In Computer und Unterricht 48(2002), Friedrich Verlag, Seelze 2002