1 grafikformate. 2 grafikformate 3 grafikformate

25
1 Grafikformate Grafikformate

Upload: meinard-gildemeister

Post on 05-Apr-2015

102 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

1

GrafikformateGrafikformate

Page 2: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

2

GrafikformateGrafikformate

Page 3: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

3

GrafikformateGrafikformate

Page 4: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

4

GrafikformateGrafikformate

Page 5: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

5

GrafikformateGrafikformate

Page 6: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

6

GrafikformateGrafikformate

1. Bild mit Hilfe eines Rasters von Punkten beschreiben

2. Bild in geometrische Objekte unterteilen

Bitmap-Grafik

Vektorgrafik

2 Lösungen:

Page 7: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

7

Grafikformate Grafikformate – Bitmaps– Bitmaps

Page 8: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

8

GrafikformateGrafikformate – Bitmaps – Bitmaps

Die einzelnen Pixel sind im Normalfall nicht sichtbar.

Vergrössert man das Bild aber stark genug, so kann man die Aufteilung des Bildes in Pixel deutlich erkennen.

Page 9: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

9

GrafikformateGrafikformate - Vektorgrafiken - Vektorgrafiken

7,5 cm

5 cm 4 cm

Kreis:

• Mittelpunkt: (7,5 : 5)• Radius: 4• Farbe: Dunkelrot• Stärke: 0,2• Füllung: Gold

Page 10: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

10

GrafikformateGrafikformate - Vektorgrafiken - Vektorgrafiken

%!PS-Adobe-3.0 EPSF-3.0%%BoundingBox: 131 375 418 735 %%Creator: CorelDRAW 8%%Title: E:\rechteck.eps%%CreationDate: Tue Jun 27 10:05:13 2000%%DocumentProcessColors: Red Yellow Black %%DocumentSuppliedResources: (atend)%%EndComments%%BeginProlog

.....

/_R48-AvantGardeBkBT 84667.00000 z0 0 (Dies ist ein Text) @tT

Ein Ausschnitt aus einer Vektorgrafik Datei:

Page 11: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

11

GrafikformateGrafikformate - Vergleich - Vergleich

Linie als Bitmap Line als Vektorgrafik

Page 12: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

12

VektorgrafikenBitmaps

GrafikformateGrafikformate - Vergleich - Vergleich

Anwendungs-bereiche

Photos

Grafiken mit weichen Farbübergängen

Internetbilder

technische Zeichnungen

Schriftzüge

Druckvorlagen

Einfach editierbar

werden von fast allen Grafikprogrammen unterstützt

Keine Qualitätseinbussen bei

Änderung der Bildgrösse Vorteile

Nachteile Diskretisierung der

Bildinformationen nur mit spezifischen

Programmen editierbar

Page 13: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

13

GrafikformateGrafikformate - Vektorgrafiken - Vektorgrafiken

Druckvorlagen

Dokumente für das WWW

Bessere Kompression als eps

Ermöglicht das Einbinden von Bitmaps

Können mit PlugIn direkt im Webbrowser angezeigt werden

PDF

DruckvorlagenErmöglicht das Einbinden von Bitmaps

Verursacht selten Probleme

eps

AnwendungsbereicheEigenschaftenFormat

Page 14: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

14

GrafikformateGrafikformate - Bitmaps - Bitmaps

• Was beeinflusst die Qualität meines Bildes?

• Wie kann ich die Speichergrösse meines Bildes verkleinern?

Auflösung

Farbtiefe

Farbtabelle

(Kompression)

Page 15: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

15

GrafikformateGrafikformate - Auflösung - Auflösung

1

1

cm

cm

Auflösung: 1 Pixel pro cm

Page 16: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

16

GrafikformateGrafikformate - Auflösung - Auflösung

niedrig mittel hoch

Je höher die Auflösung umso besser das Bild.

Page 17: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

17

GrafikformateGrafikformate - Auflösung - Auflösung

Verdoppeln der Auflösung Vervierfachen der Pixelzahl!

1cm

1 Pixel pro cm

1cm

2 Pixel pro cm

Auflösung

verdoppeln

Page 18: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

18

GrafikformateGrafikformate - Auflösung - Auflösung

Wie viel Speicher braucht mein Bild?10 cm

20 cm

1 Pixel pro cm :10 cm = 10 Pixel 20 cm = 20 Pixel 200 cm2 = 200 Pixel

2 Pixel pro cm :10 cm = 20 Pixel 20 cm = 40 Pixel 200 cm2 = 800 Pixel

Verdoppeln der Auflösung Vervierfachen der Pixelzahl!

Page 19: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

19

GrafikformateGrafikformate - Auflösung - Auflösung

Masseinheit:

dpi = Dots per Inch (Bildpunkte pro Zoll)

Umrechnung:

1 Inch = 2.54 Zentimeter

1 dpi = 1 Bildpunkt / 2,54 Zentimeter

Page 20: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

20

GrafikformateGrafikformate - Farbtiefe - Farbtiefe

Farbübergänge

2 Farben

16 Farben

256 Farben

16.7 Millionen Farben

Page 21: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

21

Grafikformate Grafikformate - Farbtiefe- Farbtiefe

Wie viel Speicher braucht mein Bild?

"TrueColor" (echte Farben) für Grafikkarten und Bilddateien

24 Bit = 3 Byte16.7 Mio

Standard-VGA-FarbtiefeBilder für das WWW

8 Bit = 1 Byte256

Farbtiefe von alten Grafikkarten4 Bit16

Schwarz-weiss Bilder

(z.B. gescannte Pläne)1 Bit2

VerwendungsbeispieleSpeichergrösse

pro PixelAnzahl Farben

Page 22: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

22

Grafikformate - FarbtiefeGrafikformate - Farbtiefe

Wie viel Speicher braucht mein Bild?

Speicher [Byte] = Breite [Pixel] * Höhe [Pixel] * Farbtiefe [Bit] / 8

Speicher = 591 * 886 * 24 / 8 = 1’570’878 Byte = 1,57 MByte !!!!

Breite [Pixel] = 10cm * 1Inch / 2.54cm * 150dpi = 591 Pixel

Höhe [Pixel] = 15cm * 1Inch / 2.54cm * 150dpi = 886 Pixel

Bildhöhe: 15cm Auflösung: 150dpi Bildbreite: 10cm Farbtiefe: 16.7 Mio Farben (24 Bit)

Page 23: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

23

GrafikformateGrafikformate - Farbtabellen - Farbtabellen

Page 24: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

24

Grafikformate - FarbtabellenGrafikformate - Farbtabellen

Wie viel Speicher braucht mein Bild?

Speicher = 591 * 886 * 8 / 8 = 523’626 Byte = 0,52 MByte

Breite [Pixel] = 10cm * 1Inch / 2.54cm * 150dpi = 591 Pixel

Höhe [Pixel] = 15cm * 1Inch / 2.54cm * 150dpi = 886 Pixel

Bildhöhe: 15cm Auflösung: 150dpi Bildbreite: 10cm Farbtiefe: 16.7 Mio Farben (24 Bit)Verwendet Farbpalette mit 256 Farben (8 Bit pro Index)

ohne Farbpalette: 1,57 MByte

Dank der Farbpalette braucht das Bild 3 Mal weniger Platz!

Page 25: 1 Grafikformate. 2 Grafikformate 3 Grafikformate

25

GrafikformateGrafikformate

alle Bilderhoch, verlustfreiMaximal 16 MioPNG

Fotos und Bilder mit weichen Farbverläufen,

WWW

hoch, verlustfrei oder verlustbehaftet

Maximal 16 MioJPEG

Text als Grafik, Strich-zeichnungen, WWW

gering, verlustfreiMaximal 256GIF

gescannte BildergeringMaximal 16 MioTIFF

Windows Bilderkeine2,6,256,16 MioBMP

AnwendungKompressionAnzahl FarbenFormat