Grafikformate Nicolas Ruh. Grundideen Rastergrafik Vektorgrafik Ein Bild besteht aus Pixeln...

29
Grafikformate Nicolas Ruh 0 0.5 1 1.5 2 2.5 3 0 0.5 1 1.5 2 2.5 xt-Diagramm

Transcript of Grafikformate Nicolas Ruh. Grundideen Rastergrafik Vektorgrafik Ein Bild besteht aus Pixeln...

Einfhrung in die objekt-orientierte Programmierung mit Java

GrafikformateNicolas Ruh

Flagge der Marshall Islands5GrundideenRastergrafikVektorgrafikEin Bild besteht aus Pixeln (Durchzhlen, meist von links oben nach rechts unten)Die Farbe jedes Pixels wird als Zahlenwert angegebenFr Farbbilder gibt es je eine Zahl pro Kanal (z.B. RGB = rot, grn, blau)Die Farbtiefe beschreibt, wie viele verschiedene Farben einem Pixel zugeordnet werden knnen

Ein Bild besteht aus geometrischen Objekten (z.B. Linie, Kreis, Quadrat), allgemeiner: KurvenArt des Objekts und bentigte Parameter werden als Text gespeichertDer Computer berechnet das Bild aus diesen Angaben und kann es dann zeichnen/anzeigen

Hhe: 11 PixelBreite: 11 PixelPro Pixel 1 Bit1 = weiss0 = schwarz1111111111111111011111111100011111110000011111000000011100000000011100000001111011011011110110110111100001101111000011011RastergrafikFarbtiefe 1 Zeichen, also 1 Buchstaben7RastergrafikWas zeigt dieses 6x6 Pixel grosse Bild?

001100001100111111111111001100001100001100001100111111111111001100001100Hhe: 6 PixelBreite: 6 PixelPro Pixel 1 Bit1 = weiss0 = schwarz001100001111111111001100001Rastergrafik mit FarbenWas zeigt dieses 3x3 Pixel grosse Bild?

001100001100111111111111001100001100001100001111111111001100001Hhe: 3 PixelBreite: 3 PixelPro Pixel 3 Bit (RGB)_ _ _

Farben im BinrsystemEine bestimmte Farbe bekommt man durch die Mischung von Grundfarben, meist RotGrnBlauFr jede Farbe gibt es einen Wert, meist benutzt man 8 Bit/1Byte pro Farbkanal jede Farbe hat einen Wert zwischen 0 und 255(binr: 0000000 bis 11111111; hexadezimal: 00 bis FF) also 24 Bit pro Farbe, d.h. 224 (>16.7 Mio) FarbenBeispiele:111111110000000000000000 = FF0000 = 25500 = reines Rot000011110000111100001111 = 808080 = 127127127 = Grau-------- -------- --------

Auflsunghngt davon ab, auf wie viel Flche die vorhandenen Pixel verteilt werdenDpi (dots per inch)1 inch = 1 zoll = 2,54 cmZ.B.: 10 x 10 Pixel auf 2,54 x 2,54 cmAuflsung = 10 dpiWenn die Auflsung zu niedrig ist fr das Ausgabemedium, werden Pixel dazu erfunden unscharf

Auflsung:Ein Bild wirkt einigermassen scharf bei

am Bildschirm: 72 - 150 dpiausgedruckt: 200 - 600 dpi

zum Drucken ist also eine ca. 4 mal hhere Auflsung erforderlich!

Rastergrafiken.bmp (Windows, unkomprimiert).jpg (kompr. mit Farbverlufen, Photos).gif (kompr. mir reduzierten Farben, Web).png (kompr. mit allen Tricks, neu)

GrundideenRastergrafikVektorgrafikEin Bild besteht aus Pixeln (Durchzhlen, meist von links oben nach rechts unten)Die Farbe jedes Pixels wird als Zahlenwert angegebenFr Farbbilder gibt es je eine Zahl pro Kanal (z.B. RGB = rot, grn, blau)Die Farbtiefe beschreibt, wie viele verschiedene Farben einem Pixel zugeordnet werden knnen

Ein Bild besteht aus geometrischen Objekten (z.B. Linie, Kreis, Quadrat), allgemeiner: KurvenArt des Objekts und bentigte Parameter werden als Text gespeichertDer Computer berechnet das Bild aus diesen Angaben und kann es dann zeichnen/anzeigen

Wie viel Information ist ntig?Anfangs- und Endpunkt definieren die Linie eindeutigMittelpunkt und Radius definieren den Kreis eindeutig

Die Eckpunkte definieren das Polygon eindeutig

VektorgrafikMit allgemeinen Kurven (z.B. Bezier Kurven) und noch mehr Parametern kann man jede beliebige Form berechen kann zu extrem geringen Dateigrssen fhren Vektorgrafiken sind beliebig skalierbar

26 Kb

26 KbReine VektorgrafikformateSind nicht weit verbreitet, meist proprietr, in Verbindung mit einem Editor z.B. Adobe Illustrator (.ai)Ausnahme: SVG (scalable vector graphics)Benutzt werden Vektorgrafiken aber oft in Kombination, z.B.einzelne Ebenen in PhotoshopVektor-FontsZeichnungen in Word oder Powerpointin Druckformaten (PDF, EPS)

Was zeigt Rtsel.svg?