Medien-Technik

Dateiformate für Rasterbilder

.gif

.png

Medien-Technik

GIF Graphics Interchange Format

Compuserve, 1987-89 Palettenbilder mit max. 256 EinträgenMehrere TeilbilderLZW-Komprimierung (Patent Unisys)Transparenz (1 Stufe)1D-Interlacing

www.cdrom.com/pub/png

Portable Network GraphicsPNG spec 1.0 released as Informational RFC 2083 (IETF)

RGB-BilderGraustufenbilderPalettenbilder

KompressionVariable Transparenz2D-Interlacing

Farbraum-Unterstützung

Say „ping“ !

Medien-Technik

PNG

Alpha-Kanal: Maß der Deckkraft

RGBAals 4. Byte

A=0 durchsichtigA=2Bittiefe-1 opak

Korrekter Schatten auf jedem Hintergrund !

Progressiver Bildaufbau

Alpha-Kanal des GIF-Formatesordnet jedem Pixel das AttributTransparent / nicht transparentzu.

Alpha-Kanal des PNG-Formatesordnet jedem Pixel Deckkraft zu.

Transparenz

Medien-Technik

PNGTransparenz

Medien-Technik

PNGProgressivitätInterlacing

1 6 4 6 2 6 4 67 7 7 7 7 7 7 75 6 5 6 5 6 5 67 7 7 7 7 7 7 73 6 4 6 3 6 4 67 7 7 7 7 7 7 75 6 5 6 5 6 5 6

7 7 7 7 7 7 7 7 Gif-Interlacing1. Schritt: jede 8. Zeile, Start: 02. Schritt: jede 8. Zeile, ab 43. Schritt: jede 4. Zeile, ab 24. Schritt: alle ungeraden

Reihenfolge desErscheinens derPixel

„Adam7“

Medien-Technik

PNG: Dateistruktur

PNG-Signatur: 137 80 78 71 13 10 26 10 (dezimal)

\211 P N G \r \n \032 \n

„Chunks“

IEND

I H D R

Länge Typ Daten CRC

Alle Bytes in Network Byte Order (Little Endian)Alle Integer-Werte 31 Bit, höchstes 0

Medien-Technik

PNG: Chunks

IHDR

Width: 4 bytesHeight: 4 bytesBit depth: 1 byteColor type: 1 byteCompression method: 1 byteFilter method: 1 byteInterlace method: 1 byte

Color type1 Bild hat Palette2 Bild hat Farbe4 Bild hat Alphakanal

sinnvolle Kombinationen0,2,3,4,6

Bittiefen:1,2,4,8,16 für Graustufen1,2,4,8 für Palettengröße8,16 für RGB, RGBA, Grau+A

Filter:verlustfreie Transformation pro Zeilez.B. Differenz zum Vorgängerpixel

Compression 0:ähnlich LZ77 (zip, gzip, pkzip)zlib, RFC 1950

Medien-Technik

PNG: Chunks

IDAT:

Zeilenweise,vor jeder Zeile Filterbyte (None = 0),

komprimiert mit zlib.

PLTE:Bis zu 256 8 oder 16-Bit tiefe RGB-Werte

gAMA:sample = lightout^gammasample, lightout [0..1]

4 Byte Gamma-Wert, interpretiertals Gamma*100.000Beispiel: 1/2.2 = 45455

cHRM: (Chroma)

Weißpunkt (x,y) nach CIERot (x,y)Grün (x,y)Blau (x,y)x,y als 4 Byte Festkommazahlenmit 5 Dezimalen

Medien-Technik

PNG: Chunks

sRGB: (1 Byte)0: Perceptual1: Relative colorimetric2: Saturation3: Absolute colorimetric

tRNS:Für einfache Transparenz,besteht aus (je nach Bildart)

einem Farbwert für Truecolor-Bilder einem Grauwert für Graufstufenbilder einer Alpha-Palette, die jeder

Palettenfarbe einen Alpha-Wertzuordnet.

Weitere Chunks

pHYs (Pixelgröße) sPLT (suggested Palette) sBIT (signifcant Bits)

tIME (Zeit) iTXT (international Text) sKGD (Background)

tEXt zTXT (zipped text)

hIST (histogramm) iCCP (color profile) pivate Chunks

Medien-Technik

sRGB: Standard RGB Color Space

Vereinfachtes Color-Management fürs WEB

Idee: Farbwerte so wählen, dass sie bei typischem Monitorin typischer Umgebung ungeändert übernommen werdenkönnen, um optimale Wiedergabe zu gewährleisten.

TypischeUmgebung:

200 luxBeleuchtungD50 Weißpkt.

TypischerMonitor:

80 cd/m2

D65 Weißpkt.

Rot Grün Blau D65

x 0.6400 0.3000 0.1500 0.3127y 0.3300 0.6000 0.0600 0.3290z 0.0300 0.1000 0.7900 0.3583

ITU-R BT.709 Fernsehstandard: Monitor-Gamma 2.2

AbsoluteDefinitionauf BasisCIE

Monitor-/ Betrachter-Eigenschaften:

dunkle Werte linear, darüber Gamma 2,4

Medien-Technik

sRGB: Standard RGB Color Space

Nichtlineare RGB-Werte R‘, G‘, B‘

White Digital CountBlack Digital Count