educeth; m.brändle; gs 1 grafikformate. 2 grafikformate

educETH; M.Brändle; gs 1

GrafikformateGrafikformate



Wie kopiert man diesesdieses

Bild von Hand ?


• Lösung für 1: Es wird jedes einzelne Quadrat angeschaut und für sich kopiert. Dabei muss nur gemerkt werden, wo sich das Quadrat befindet und welche Farbe es hat.

• Lösung für 2: Diesmal ist die Aufgabe schon schwieriger zu lösen. Das Kopieren des Bildes kann erreicht werden, indem man nach geometrischen Objekten sucht und diese versucht zu beschreiben. Zum Beispiel: Kreis mit Mittelpunkt x und Radius r, mit Strichstärke 2 und Farbe schwarz nicht gefüllt.




1. Bild mit Hilfe eines Rasters von Punkten beschreiben

2. Bild in geometrische Objekte unterteilen

Bitmap-Grafik

Vektorgrafik

2 Lösungen:


Grafikformate Grafikformate – Bitmaps– Bitmaps


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.


GrafikformateGrafikformate – Bitmaps – Bitmaps

Eine Bitmapgrafik kann gut mit einem Mosaik verglichen werden. Ein Mosaik besteht aus vielen kleinen, farbigen Steinchen, welche zusammen ein ganzes Bild ergeben.Bei einer Bitmap auf dem Computer entsprechen die einzelnen Steinchen sogenannten Pixeln. Der einzige Unterschied ist, dass die Pixel einer Bitmapgrafik alle gleich gross und quadratisch sind.

Sind die einzelnen Pixel in einem Bitmap klein genug, dann verschmelzen sie zu einem ganzen Bild, ohne dass wir in der Lage sind die einzelnen Bildpunkte wahrzunehmen.

Einen ähnlichen Effekt erhalten wir bei einem Mosaik, wenn wir es aus einer gewissen Distanz betrachten. Wir erkennen dann auch nicht mehr die einzelnen Steinchen, sondern nur noch ein ganzes Bild.


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



%!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:


GrafikformateGrafikformate - Vergleich - Vergleich

Linie als Bitmap Line als Vektorgrafik


VektorgrafikenBitmaps

GrafikformateGrafikformate - Vergleich - Vergleich

Anwendungs-bereiche

PhotosGrafiken mit weichen FarbübergängenInternetbilder

technische ZeichnungenSchriftzügeDruckvorlagen

Einfach editierbarwerden von fast allen Grafikprogrammen unterstützt

Keine Qualitätseinbussen bei Änderung der Bildgrösse

Vorteile

Nachteile Diskretisierung der Bildinformationen

nur mit spezifischen Programmen editierbar



DruckvorlagenDokumente für das WWW

Bessere Kompression als epsErmöglicht das Einbinden von BitmapsKönnen mit PlugIn direkt im Webbrowser angezeigt werden

PDF

DruckvorlagenErmöglicht das Einbinden von BitmapsVerursacht selten Probleme

eps

AnwendungsbereicheEigenschaftenFormat


GrafikformateGrafikformate - Bitmaps - Bitmaps

• Was beeinflusst die Qualität meines Bildes?

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

Auflösung

Farbtiefe

Farbtabelle

(Kompression)


GrafikformateGrafikformate - Auflösung - Auflösung

1

1

cm

cm

Auflösung: 1 Pixel pro cm

Die Auflösung legt fest, wie viele Bildpunkte pro Längeneinheit vorkommen.



niedrig mittel hoch

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



Verdoppeln der Auflösung Vervierfachen der Pixelzahl!

1cm

1 Pixel pro cm

1cm

2 Pixel pro cm

Auflösung

verdoppeln



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!


Die Folie zeigt den Zusammenhang zwischen der Auflösung und der Anzahl Pixel, die für ein Bild gespeichert werden müssen.

Noch einmal: eine Verdoppelung der Auflösung hat eine Vervierfachung der Anzahl Pixel zur Folge.

Überlegt man sich, dass für jedes Pixel ein gewisser Speicherplatz benötigt wird um die Farbe zu speichern, so ist es einfach zu sehen, dass eine Veränderung der Auflösung auch einen Einfluss auf den Speicherplatz des Bildes haben muss.

Genauer gesagt führt eine Vervierfachung der Anzahl Pixel auch zu einer Vervierfachung des benötigten Speicherplatzes. Dies allerdings nur, wenn keine Komprimierungsalgorithmen angewandt werden.Üblicherweise wird die Auflösung nicht in Pixel pro cm angegeben, sondern in dpi.




Masseinheit:

dpi = Dots per Inch (Bildpunkte pro Zoll)

Umrechnung:

1 Inch = 2.54 Zentimeter

1 dpi = 1 Bildpunkt / 2,54 Zentimeter


GrafikformateGrafikformate - Farbtiefe - Farbtiefe

Farbübergänge

2 Farben

16 Farben

256 Farben

16.7 Millionen Farben


Grafikformate Grafikformate - Farbtiefe- Farbtiefe

Wie viel Speicher braucht mein Bild?

"TrueColor" (echte Farben) für Grafikkarten und Bilddateien24 Bit = 3 Byte16.7 Mio

Standard-VGA-FarbtiefeBilder für das WWW8 Bit = 1 Byte256

Farbtiefe von alten Grafikkarten4 Bit16

Schwarz-weiss Bilder (z.B. gescannte Pläne)

1 Bit2

VerwendungsbeispieleSpeichergrösse

pro PixelAnzahl Farben


Grafikformate - FarbtiefeGrafikformate - Farbtiefe


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)


GrafikformateGrafikformate - Farbtabellen - Farbtabellen


Grafikformate - FarbtabellenGrafikformate - Farbtabellen


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!


Gebrauch einer Farbtabelle Anstelle der eigentlichen Farbwerte, wird für jedes Pixel eine Zahl gespeichert. Diese Zahl entspricht einem Index in der Farbtabelle. Rechnet man nochmals das gleiche Beispiel wie, allerdings jetzt unter Verwendung einer Farbpalette mit 256 Farben, ergibt das:

Die Speichergrösse des Bildes ist genau drei Mal kleiner als zuvor. Dies liegt daran, dass pro Bildpunkt nur noch ein Byte gespeichert werden muss.

[Zu beachten gilt allerdings noch, dass auch die Farbpalette selber noch Speicherplatz braucht. Allerdings ist das mit ca. 1 KByte (~256*3 Byte) vernachlässigbar wenig.]

Grafikformate - FarbtabellenGrafikformate - Farbtabellen



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

educeth; m.brändle; gs 1 grafikformate. 2 grafikformate

Documents