16.12.2010 Borkwalde, Blog und Bier 1
JPEG, PDF & Co.
JPEG, PDF & Co.
Theorie und Praxis zu Bildern
auf Computern und Druckern
16.12.2010 Borkwalde, Blog und Bier 2
JPEG, PDF & Co.
Drucker
Datei
Bildschirm
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
16.12.2010 Borkwalde, Blog und Bier 4
JPEG, PDF & Co.
Drucker
Datei
Bildschirm
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
16.12.2010 Borkwalde, Blog und Bier 6
JPEG, PDF & Co.
Drucker
Datei
Bildschirm
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
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
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
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
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
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
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
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
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.)
16.12.2010 Borkwalde, Blog und Bier 16
JPEG, PDF & Co.
Typen von Grafiken - Auflösung
= 72 DPI
• Standard-monitore
16.12.2010 Borkwalde, Blog und Bier 17
JPEG, PDF & Co.
Typen von Grafiken - Auflösung
Ca. 10 DPI
16.12.2010 Borkwalde, Blog und Bier 18
JPEG, PDF & Co.
Ein bisschen Praxis
Logo - Andreas
Logo - Firefox
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
16.12.2010 Borkwalde, Blog und Bier 20
JPEG, PDF & Co.