20
16.12.2010 Borkwalde, Blog und Bier 1 JPEG, PDF & Co. JPEG, PDF & Co. Theorie und Praxis zu Bildern auf Computern und Druckern

Computer und Grafik

Embed Size (px)

Citation preview

Page 1: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 1

JPEG, PDF & Co.

JPEG, PDF & Co.

Theorie und Praxis zu Bildern

auf Computern und Druckern

Page 2: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 2

JPEG, PDF & Co.

Drucker

Datei

Bildschirm

Page 3: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 3

JPEG, PDF & Co.

Was ist eine Datei?

10011101 00111010 10010010 10010011 11101011 11010100 11001100 10011010

1 Bit - 0 oder 1 - binär 21 = 21 Byte - 8 Bit - oktal 28 = 256

Zur Vereinfachung teilt man das Byte in zwei HalbByte

28 = 24 * 24 = 161 * 161 - hexadezimal 162 = 256

9D 3A 92 93 EB D4 CC 9A

Die Bedeutung ist nur eine Frage der Vereinbarung(wie in der Sprache: das Steuer, die Steuer)

PDF, JPG, GIF, TIF auch DOC, DOCX, alles nur Dateien

Hexadezimalziffern,

binär und dezimal:

Hex.

Dualsystem

Dez.

0

0 0 0 0

00

1

0 0 0 1

01

2

0 0 1 0

02

3

0 0 1 1

03

4

0 1 0 0

04

5

0 1 0 1

05

6

0 1 1 0

06

7

0 1 1 1

07

8

1 0 0 0

08

9

1 0 0 1

09

A

1 0 1 0

10

B

1 0 1 1

11

C

1 1 0 0

12

D

1 1 0 1

13

E

1 1 1 0

14

F

1 1 1 1

15

Page 4: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 4

JPEG, PDF & Co.

Drucker

Datei

Bildschirm

Page 5: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 5

JPEG, PDF & Co.

RGB – Rot, Grün, Blau

Additives Farbmodell für Monitore und digitale Fotografie

Auge und Gehirn addieren die einzelnen Farbquellen zu einer Farbe

Farben auf dem Bildschirm

Page 6: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 6

JPEG, PDF & Co.

Drucker

Datei

Bildschirm

Page 7: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 7

JPEG, PDF & Co.

CMYK – Cyan, Yellow, Magenta, Key (Türkis, Gelb, Purpur, Schwarz-Intensität)

Subtraktives Farbmodell für den Vierfarbdruck

Auge und Gehirn nehmen die von einer Oberfläche nicht absorbierten Wellenlängen des Lichtes als Farbe wahr

Beim Drucken werden die Farben gemischt.Teilweise werden weitere sogenannte Schmuckfarben verwendet.

Farben auf dem Drucker

Page 8: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 8

JPEG, PDF & Co.

Typen von Grafiken – Vektor und Bitmap

Bitmap – Rastergrafik

Jeder Bildpunkt wird einzeln beschrieben:Lage und FarbeAlle Punkte haben feste Größe und Position

Nicht (ohne Verluste) skalierbar

Vektorgrafik

Es werden Objekte beschrieben:Ausgangspunkt, Form, Richtung, Größe, Farbe, Füllung, Rand usw.

Beliebig skalierbar

Die meisten Schriften sind Vektorgrafiken

Page 9: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 9

JPEG, PDF & Co.

Typen von Grafiken – Anzahl der verwendeten Farben

TrueColor 24 Bit → 16.777.216 Farben

• Fotografie

• Kunstdruck

• Moderne Monitore

Page 10: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 10

JPEG, PDF & Co.

Typen von Grafiken – Anzahl der verwendeten Farben

HighColor 16 Bit → 65.536 Farben

• Ältere Bildschirme

• Zeitschriften

• Smartphones

Page 11: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 11

JPEG, PDF & Co.

Typen von Grafiken – Anzahl der verwendeten Farben

Paletten-Bild 8 Bit → 256 Farben

• Telefone

• Präsentationswände

• Internet

Page 12: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 12

JPEG, PDF & Co.

Typen von Grafiken – Anzahl der verwendeten Farben

Graustufen-Bild 8 Bit → 256 Graustufen

• Heute selten verwendet

• Alte S/W-Monitore

Page 13: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 13

JPEG, PDF & Co.

Typen von Grafiken – Anzahl der verwendeten Farben

Monochrom-Bild 1 Bit → 1 Farbe (meist Schwarz)

• Zeitungsdruck

Page 14: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 14

JPEG, PDF & Co.

Typen von Grafiken - Auflösung

Maßeinheiten DPI Dots Per Inch (Punkte pro Zoll)LPI Lines Per Inch (Linien pro Zoll)

Übliche AuflösungenRöhrenmonitor 72 DPILCD 100 DPITintendrucker 300 – 600 DPILaserdrucker 600 – 1200 DPI

Eine Datei von 1024 * 768 Bildpunkten hat also folgende Ausmaße:

72 DPI: 1024/72 = 14,22“ = 36,12 cm100 DPI: 1024/100 = 10,24“ = 26,01 cm300 DPI: 1024/300 = 3,41“ = 8,67 cm600 DPI: 1024/600 = 1,71“ = 4,33 cm

1200 DPI: 1024/1200 = 0,85“ = 2,17 cm

Page 15: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 15

JPEG, PDF & Co.

Typen von Grafiken - Auflösung

≥ 300 DPI

• Fotos

• Professionelle Drucker

• Heimdrucker

• Spezialmonitore (Medizin, CAD usw.)

Page 16: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 16

JPEG, PDF & Co.

Typen von Grafiken - Auflösung

= 72 DPI

• Standard-monitore

Page 17: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 17

JPEG, PDF & Co.

Typen von Grafiken - Auflösung

Ca. 10 DPI

Page 18: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 18

JPEG, PDF & Co.

Ein bisschen Praxis

Logo - Andreas

Logo - Firefox

Page 19: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 19

JPEG, PDF & Co. ● Glossar

AI Adobe Illustrator drawing Adobe Illustrator ZeichnungBMP Bitmap Windows eigenes Format, sonst seltenCMYK Cyan Magenta Yellow Key Farbmodell für Drucker (Türkis, Gelb,

Purpur, Schwarz-Intensität)DPI Dots per inch Punkte pro ZollEPS Encapsulated Postscript Gekapseltes Postscript zum Einbinden in

eine andere PostscriptdateiGIF Graphics Interchange Format Grafikaustauschformat von CompuserveICO Icon Bildschirmsymbol (nur Windows)JPEG Joint Photographic Experts Group Vereinte Fotografische Experten GruppeJPG eigentlich JFIF JPEG Datei Austausch Format

JPEG File Interchanche FormatPDF Portable Data Format Universelles DatenformatPSD PhotoShop Document Mit Photoshop erstellte DateiPNG Portable Network Graphics Portable NetzwerkgrafikPS Postscript SeitenbeschreibungssprachePX Pixel BildpunktRAW engl. ‚roh‘ Rohdatenformat (meist bei Kameras)RGB Red Green Blue Farbmodell für selbstleuchtende BilderSVG Scalable Vector Graphic Skalierbare Vektorgrafik (bes. im Web)TIF eigentlich TIFF Tagged Image File Markiertes Bildformat speziell für

Format hochqualitative Bilder

Page 20: Computer und Grafik

16.12.2010 Borkwalde, Blog und Bier 20

JPEG, PDF & Co.