220 likes | 375 Views
Daten – Information - Digitalisierung. Alle Informationen (Text, Bild, Sound, ...) werden digitalisiert (010010111011000101...) und die zugehörigen Dateien als Byteschlangen abgespeichert. Zuordnung Zeichen Byte: ASCII-Code.
E N D
Daten – Information - Digitalisierung Alle Informationen (Text, Bild, Sound, ...) werden digitalisiert (010010111011000101...) und die zugehörigen Dateien als Byteschlangen abgespeichert. Zuordnung Zeichen Byte: ASCII-Code Durch die Dateierweiterung / Extension .txt .htm .docwird das richtige Programm gestartet, um aus den Daten wieder die Information zu erhalten. Information und Daten - Bilder
Wie werden Bilder digitalisiert? Information und Daten - Bilder
Grafik Pixelgrafik Pixel – Pictures (umgangssprachlich pix), elementJedes Pixel hat nur eine Farbe. Will man ein Pixelbild digitalisieren, so muss man die Farbe der einzelnen Pixel der Reihe nach digitalisieren / abspeichern (BitMap). Information und Daten - Bilder
Pixelgrafik Beschreibedas Bild möglichstgenau und kurz 10*10 Pixel 12*weiß, 2*rot, 2*weiß, 2*rot, 3*weiß, 8*rot, 2*weiß, 8*rot, 3*weiß, 6*rot, 2*weiß, schwarz, 2*weiß, 4*rot, 2*weiß, schwarz, grün, schwarz… Information und Daten - Bilder
Pixelgrafik - Bildformat ImagEdit Erstelle mit ImagEdit eine Grafik mit 5–8 Spalten und 5–8 Zeilen (nicht symmetrisch). Speichern unter bild1.bmp Die Grafik soll kodiert (auf Papier – Teil 1, Teil 2) an den Nachbarplatz übermittelt werden. Teil 1:- fortlaufende Bitschlange aus 0 und 1. - Kein Zeilenumbruch wie im Originalbild.- Alle Informationen des Bildes müssen enthalten sein, also auch Zeilenzahl und Spaltenzahl.- 1: weißes Pixel 0: schwarzes Pixel Teil 2:- Umgangssprachlicher Text, der exakt beschreibt, wie man aus der - 0 / 1 Folge auf Blatt 1 wieder das Bild enthält (keine Bild- informationen).- Dieser Text muss auch die Rekonstruktion eines anderen Bildes (andere Größe) ermöglichen. Keinerlei Daten des Bildes in Teil 2.
Beispiel für eine 5*7 Bitmap Grafik 5 7 Breite Höhe 1: weißes Pixel0: schwarzes Pixel Digitalisierung 00000101 00000111 10011101111110011100110111000101110 00000 Pixel 05 07 9D F9 CD C5 C0 Information und Daten - Bilder
Bildformat Mögliche Beschreibung: 1. Die ersten 16 Zeichen enthalten Angaben zu den Abmessungen des Bildes: a) Die ersten 8 Zeichen enthalten die Anzahl der Pixel pro Zeile (8-stellige Dualzahl) b) Die nächsten 8 Zeichen enthalten die Anzahl der Zeilen des Bildes (8-stellige Dualzahl) 2. Dann folgen die Bilddaten: a) Das Bild ist zeilenweise kodiert, und zwar von oben nach unten. b) Jede Zeile ist Pixel für Pixel kodiert, und zwar von links nach rechts. c) Weißes Pixel 1, schwarzes Pixel 0 Interpretiere mit ImagEdit das folgende Beispiel mit obigem Datenformat. Gib auch die zugehörige Bytefolge an. 00000110 00001000 11111110 11111011 11101011 10000111 10111110 11111111 speichern als grafik1.bmp Bytefolge 06 08 FE FB EB 87 BE FF Information und Daten - Bilder
bmp Format Wie sieht das echte bmp Format (BitMap Format) aus? Information und Daten - Bilder
Farben <body bgcolor="#B635AF"> <font color="#B635AF">violetter Text</font> Bildschirm-Farben setzen sich aus der additiven Überlagerung der drei Grundfarben Rot, Grün und Blau zusammen (RGB). Da jeder Farbanteil in 256 Farbstufen (0 .. 255) unterteilt ist, ergibt sich eine maximale Anzahl von 2563 = 16 777 216 Farben.Farben Farben können z.B. in HTML wie folgt angegeben werden: #B635AF kurz.htm Bildschirm: Additive FarbmischungDrucker-Farben: Subtraktive Farbmischung
Speicherung von ganzen Zahlen Wie werden ganze Zahlen gespeichert (nicht als Zeichen)? Zur Speicherung einer ganzen Zahl werden immer 4 Bytes (hexadezimal) verwendet. 27 = 1Bh = 00 00 00 1Bh 469 = 1D5h = 00 00 01 D5h Die Firma Intel verwendet in ihren Prozessoren zur Speicherung von Zahlen das sog. „Intel little-endian Format“. Dabei wird das Byte mit den niederwertigsten Bits an der kleinsten Speicheradresse (d.h. zuerst) gespeichert. 1D5h = 00 00 01 D5h wird gespeichert als D5 01 00 00 Wie wird die Zahl 439 041 101 gespeichert? 439 041 101 = 1A 2B 3C 4Dh wird gespeichert als4D 3C 2B 1A Zahlen speichern Information und Daten - Bilder
bmp Format Wie sieht das echte bmp Format (BitMap Format) aus? Öffne dazu die Datei grafik1.bmp mit dem Programm HexEdit Information und Daten - Bilder
bmp Format – 2 Farben Dateikopf 14 Byte Kennung 42 4D BM 2 Byte Länge der Datei 5E 94 Byte 4 Byte (Intel little-endian Format) Beginn der Bilddaten 3E 62 4 Byte Informationsblock 40 Byte Länge des Blockes 28 40 Byte 4 Byte Breite des Bildes 06 4 Byte Höhe des Bildes 08 4 Byte Anzahl der Farbbits je Pixel 01 2 Byte Farben 000000 00 schwarz (BGR 00)FFFFFF 00 weiß grafik1.bmp 06 08 FE FB EB 87 BE FF Bilddaten: Zeilen von unten nach oben Jede Zeile wird durch 0-Bits auf ein Vielfaches von 4 Byte aufgefüllt.
bmp Format – 16 Farben Breite, Höhe des Bildes Anzahl der Farbbits je Pixel: 04 01238EF Farben 0 – 15 entspr. 0h - Fh 01 AF 16-Farben.bmp 0. Farbe: 000000 00 schwarz1. Farbe: 00 00 80 00 maroon2. Farbe: 00 80 00 00 green3. Farbe: 00 80 80 00 oliv...8. Farbe: C0 C0 C0 00 silver...14. Farbe: FF FF 00 00 aqua15. Farbe: FF FF FF 00 weiß Letzte Zeile: 0F 0F 0F 0F 0F 00 00 00 Vorletzte Zeile:EE EE FF FF 88 00 00 00
bmp Format – 17 Millionen Farben 36h = 54 farben Beginn der Bilddaten: Anzahl der Farbbits je Pixel: 18h = 24 (3 Bytes) Ende der untersten Bildzeile 18 08 CEBGR
bmp Format – 17 Millionen Farben ikg-neu.bmp ikg.bmp Information und Daten - Bilder
bmp Format – 17 Millionen Farben Information und Daten - Bilder
Grafik Pixelgrafik Beschreibedas Bild möglichstgenau und kurz • 10*10 Pixel • 12*weiß, 2*rot, 2*weiß,2*rot, 3*weiß, 8*rot,2*weiß, 8*rot,3*weiß,6*rot,2*weiß, schwarz,2*weiß, 4*rot,2*weiß,schwarz, grün, schwarz… Vektorgrafik • Kreis, Rand rot, M(x,y),r • Rechteck, Rand schwarz,Füllung gelb, OL(x,y),Länge, Breite • Quadrat, Füllung grün,OL(x,y), Seite
Vektorgrafik • Quadrat1 • Randfarbe=weiß • Füllfarbe=grün • Ecke=(0,1|0,85) • SL=0,15 • Rechteck1 • Randfarbe=schwarz • Füllfarbe=gelb • Ecke=(0,6|0,7) • Breite=0,4 • Länge=0,2 • Kreis1 • Randfarbe=rot • Füllfarbe=weiß • M=(0,6|0,3) • Radius=0,2 • Bild wird nicht in Pixel aufgelöst • Bild wird in einzelnegeometrische Objekte zerlegt
Vorteile von Vektorgrafiken Vektorgrafiken lassen sich ohne Qualitätseinbußen beliebig skalieren Pixelgrafik, Zoom 100% Pixelgrafik, Zoom 650% Vektorgrafik, Zoom 100% Vektorgrafik, Zoom 650% Information und Daten - Bilder
Vorteile von Vektorgrafiken Geometrische Objekte lassen sich einzeln manipulieren. • Stern1.Anordnen(hinten) • Ellipse1.Anordnen(vorne) • Linie1.Farbe_setzen(hblau) • Linie1.Position_setzen(…) • Ellipse1.Drehen(30) Information und Daten - Bilder
Nachteil von Vektorgrafiken Nicht jedes Motiv lässt sich leicht in einfache geometrischeGrundformen zerlegen Pixelgrafik 1280x853 Pixel Vektorgrafik: 11 626 Objekte in 103 Ebenen