Digitale Medien. Übung

Ähnliche Dokumente
Übung zur Vorlesung Digitale Medien. Dr. Alexander De Luca Ludwig-Maximilians-Universität München Wintersemester 2013/2014

Digitale Medien. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid. Übung zur Vorlesung

Übung zur Vorlesung. Digitale Medien. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider

BILDBEARBEITUNG IM UNTERRICHT

16. März Kommunikation der Universität Basel. Das digitale Bild. Bildaufbau Bildformate. Matthias Geering, Sprache & Kommunikation 1

Courses IPCx, C1: Bitmap, FAQs. Was ist ein Bitmap?

Grafikformate 2

Grundlagen digitaler Bildbearbeitung


Bildgrösse Millionen Farben. Breite in Pixel Höhe in Pixel Farbtiefe in Bit : 8 = Bildgrösse in Byte

Datenbanken und Informationssysteme. Bildbearbeitung. DI (FH) Levent Öztürk

Technische Voraussetzung für Bilder, die in der Mitgliederzeitschrift gedruckt werden sollen.

Auslesen einer Bitmap-Ressource: 16bpp BGR565

Datenbanken und Informationssysteme. Bildbearbeitung. DI (FH) Levent Öztürk

Bildverarbeitung. Bildverarbeitung...2

U6: Webgerechte Bilder

Referat von Yvonne Kaiser und Carolin Siebert

Digitale Bilder. Ein Referat von Jacqueline Schäfer und Lea Pohl Am

Grundlagen der Bildbearbeitung

Eine verlustbehaftete Komprimierung ist es, wenn wir einige Kleidungsstücke zu

FARBEN IM INTERNET FARBWERTE, FARBTIEFEN IN DER BILDBEARBEITUNG

Grafikformate. Grafikformate. Digitale Bildverarbeitung Bildkompression

Tipps. Tipp 1: Gleich große Bilder herstellen

Grafikformate. Auflösung Farbtiefe Farbmodelle

Medien- Technik. Dateiformate für Rasterbilder. .bmp. .pcx. .tiff. .png.jpeg

Druckaufbereitung. Schulungskurs für die Fotogruppe Eppstein

3. Aufgabe: Bitmap-Datei

Grafikdateien. Bei Computergrafiken werden grundsätzlich drei Kategorien unterschieden: Vektor-Format

Referat "Image Representation" im Proseminar "Computer Science Unplugged" Dozent Prof. M. Hofmann Referent Teja Philipp, Datum

5. Licht, Farbe und Bilder

376 6 Bilder und Grafiken für das Web

Arbeiten mit IrfanView

Farbtiefe. Gängige Farbtiefen

JPEG, PDF & Co. JPEG, PDF & Co. Theorie und Praxis zu Bildern auf Computern und Druckern

Bitte. nehmen Sie in Würde und Anstand Ihre Plätze ein. Vorne ist besser, hinten hört und liest man schlecht.

Grafikformate. Grafikformate. Digitale Bildverarbeitung Bildkompression

Einführung. Grundlagen der Gestaltung Folie 1. Schema der Auflösungen eines Bildes vom Scan bis zur Endausgabe: Monitorauflösung. Bildvorlage.

Farbmetrik & Farbmanagement. Sebastian J. Fricke Mediengestalter für Digital- und Printmedien Medieninformatikstudent

Kosten der besseren Verständlichkeit in Kauf. Wer Genaueres wissen möchte, wird in Fachbüchern detaillierte Beschreibungen finden.

Ausgabeauflösung. Medienproduktion U1. Ausgabeauflösung = Rasterweite x (Wurzel aus Tonwerte - 1)

(Kurs B2 Grundlagen der Bildbearbeitung)

Pixel oder Vektor? Die Vor- und Nachteile der verschiedenen Dateiformate. Tipps und Tricks rund um Ihr Marketing, Grafik und Design

Graphikbearbeitung. Graphikgröße ändern. Eine kleine Anleitung von Dirk Weikard

Das Einbinden von Bildern in Memofeldern

Bilder im BMP Format (1)

LF 7.01 Daten für verschiedene Ausgabeprozesse aufbereiten MPA M. Datentiefe

1.Workshop Kamera Einstellungen, Basiswissen Lightroom.

Direkte Filezugriffe. Direkte Filezugriffe. Agenda für heute, 9. Juni, 2005

Tagged Image File Format. Im Printbereich neben EPS sehr verbreitet.

Medientechnik WS 2012/13. Medientechnik WS 2012/13 Manfred Jackel Universität Koblenz-Landau

Zielstellung - "bildhafte" Darstellung von Informationen. "Ein Bild sagt mehr als 1000 Worte"

FARBTIEFE / KANÄLE 1 5

TIPPS UND TRICKS Beim Erstellen von Abbildungen

Der MS - PHOTOEDITOR

Bilder im Zusammenhang mit Geoinformatik sind u.a.: Luftbilder, Satellitenbilder Synthetische Bilder (z.b. digitale Oberflächenmodelle)

Photoshop First Aid. Oberfläche

Klausur Digitale Medien

DIGITALISIERUNG VON BILDERN. Ivana

Bildbearbeitung mit Gimp

Linux-Camp: Multimedia I

Digitale Bilder. Dipl.-Ing. Guido Heising. Digitale Videotechnik, SS 02, TFH Berlin, Dipl.-Ing. G. Heising G. Heising, K.

Automatische Ballerkennung

Karteikarten-Programm für iphone ipod touch ipad

4K, 5K, FullHD, Curved - wer braucht

Bilder mit dem Programm IrfanView bearbeiten

Digitale Bilder - Basiswissen Dagmar Serb V. 01/Okt. 2016

Beschreibung GNU Image Manipulation Program. Eine Bilddatei mit GIMP speichern

Computergrafiken lassen sich grob in zwei Kategorien einteilen: Vektorgrafiken und Bitmap-Grafiken, die man auch Pixelgrafiken nennt.

5. Bildauflösung ICT-Komp 10

SalsaJ Übung 0. Programm öffnen / Menüstruktur Öffne das Programm SalsaJ (Salsaj2.jar). Open Image File Bilddatei öffnen

Grafikformate und ihre Anwendung

Anleitung zum Scannen fu r Unizensus und Klaus

Scannen. 1. Hardware 2. Farbsysteme 3. Farbtiefe 4. Auflösung 5. Einstellungsoptionen 6. Quellen Referat: Scannen

Schnelle Ladezeiten sind das A & O für eine gelungene Website

Vektorgrafik / Bitmap (bmp)

colorcontrol LT TeachTool Anleitung Programm zum Einlernen von Farben für die Farbsensoren der colorsensor LT-1-ST und LT-2-xx Serie

Willkommen bei Photoshop. Von Gianin Rageth Fotograf, Grafiker & Illustrator 9100 Herisau

Farbmanagement in Photoshop 6

e) Bildgröße und Auflösung ändern, verkleinerte Bilder schärfen

Übung zur Vorlesung. Digitale Medien. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider

DMD Extender. Konfigurationsprogramm. V0.5 April 2013

Theorie-Input «Technische Bildqualität» (30 Min) - Gängige Farbmodi und Farbräume - Terminologie (Auflösung, Pixeldichte, Dateigrösse, Bildgrösse

SilverFast - Pioneer in Digital Imaging. SilverFast 8. Professionelle Scanner-Software Professionelle Bildbearbeitungs-Software DEUTSCH.

JPEG-Format GIF-Format PNG-Format

Image 2 LUT. Bedienungsanleitung. Image 2 LUT. Bedienungsanleitung

Thema: Videokonvertierung

Digitale Bildbearbeitung mit Photoshop 5.5

VHS-Kurs Homepage Tutorial zum Kursnachmittag 1, Bilder für Homepage skalieren mit GIMP

Bildgröße und Auflösung

GYMNASIUM-BONNSTRAßE Hürth

Dateigrößen reduzieren zum Archivieren von Digitalfotos

z.b. extern: # Drucker # Tastatur # Plotter # Maus / Eingabegerät # Scanner # USB-Hub # USB-Stick # Monitor / Beamer

Kurze Bedienungsanleitung für GIMP. Vorhaben Verfahren Symbol. Fenster >Einzelfenster-Modus. Fenster > Andockbare Dialoge > Werkzeugeinstellungen

Digitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid

Grundlagen der Bildbearbeitung

LZSS und Deflate. Lars Kunert. April 18, Seminar Kompressionsalgorithmen RWTH Aachen

Feuerwehr-, Flucht- und Rettungspläne

Handbuch. für die. Erstellung von Mehrfarbstempeln. mit. Adobe PhotoShop (Deutsch)

Transkript:

Digitale Medien Übung

Heute Bildgröße und Auflösung Grundlagen Bildbearbeitung

Bildauflösung Bildgröße und Auflösung Breite [px] = Breite [in] * Auflösung [ppi] Beispiel: 1 Inch (Zoll) = 2,5cm Bild mit 2560 x 1920 Pixel Größe. Anzeige auf dem Bildschirm mit 72 ppi: Breite[px] = Breite[in] * Auflösung[ppi] 2560 = Breite[in] * 72 ppi Breite[in] = 2560 / 72 = 35,55 inch Breite[cm] = Breite[in] * 2,5 Breite[cm] = 35,55 * 2,5 = 90,31cm

Bildauflösung Bildgröße und Auflösung Quelle: wikipedia.org

Bildauflösung Bildgröße und Auflösung Beispiel: Bild mit 2560 x 1920 Pixel Größe. Breite [px] = Breite [in] * Auflösung [ppi] 1 Inch (Zoll) = 2,5cm Anzeige auf 19 Bildschirm, 0cm Bildbreite. Wieviel ppi werden benötigt, um das Bild bildschirmfüllend anzuzeigen? Breite[in] = Breite[cm] / 2,5 Breite[in] = 0cm / 2,5 = 15,75 in Breite[px] = Breite[in] * Auflösung[ppi] 2560 = 15,75 * Auflösung[ppi] Auflösung[ppi] = 2560 / 15,75 = 162,5 ppi

Bildauflösung DPI oder PPI? ppi = Wie viele Pixel pro Zoll (Inch) werden angezeigt? dpi = Wie viele Punkte (dots) werden pro Zoll angezeigt? Je nach Ausgabemedium werden oft mehrere dots zur Darstellung eines Pixels verwendet. Beispiele: Drucker (z.b. Farbpunkte pro Pixel), Monitor (z.b. 3 Bildpunkte pro Pixel). Quelle: wikipedia.org Ob man DPI oder PPI verwendet hängt also davon ab, was man sagen möchte.

Gimp starten: gimp oder KDE-Menü -> Graphik -> GIMP Beispielbild: /home/proj/mi_dm/img/lena.tif

GIMP Wichtige Funktionen in GIMP (Version 2.6.3): Skalierung (Image -> Scale Image) Auflösung in Bildpunkten Anzeigeauflösung (z.b. in ppi) Interpolationseinstellung

GIMP Wichtige Funktionen in GIMP (Version 2.6.3): Info-Fenster (Image -> Image-Properties) Informationen über das Bild: Größe und Auflösung, Farbtiefe

GIMP Wichtige Funktionen in GIMP (Version 2.6.3): Farbkanäle (Windows -> Dockable Dialogs -> Channels) Einzelne Farbkanäle des Bildes Zu-/Abschaltbar per Auge-Icon

GIMP Wichtige Funktionen in GIMP (Version 2.6.3): Farbhistogramm (Colors -> Info -> Histogram) Farbkurven (Colors -> Curves) Histogramm: Übersicht über die Farbverteilung Farbkurven: Verstärkung/Abschwächung von einzelnen Farbanteilen

GIMP Wichtige Funktionen in GIMP (Version 2.6.3): Farben reduzieren (Image -> Mode -> Indexed) Reduktion der enthaltenen Farben auf kleineren Umfang Auswahl verschiedener Paletten und Rasterungs- (Dithering) Algorithmen

GIMP Wichtige Funktionen in GIMP (Version 2.6.3): Farbtabelle (nur falls Indizierte Farben) (Windows -> Dockable Dialogs -> Colormap) Enthaltene Farben des Bildes direkt manipulierbar

Farbtabellen Speicherplatzberechnung für Bilder mit Farbtabellen am Beispiel: Bild (3x3 Pixel) mit Verschiedenen Farben (0-3): 2 2 1 1 1 0 3 3 3 9 Pixel x 2 Bit = 18 Bit Indizes Da sowohl die Tabelle als auch die Pixeldaten in der Datei gespeichert werden müssen ergibt sich dadurch eine Dateigröße von 18 Bit + 10 Bit = 122 Bit 2 Bit/Index, da Indizes Vorhanden (2 2 = ) Farbtabelle: 0 00 00 00 1 00 00 FF 2 00 FF 00 3 FF 00 00 Farben x 2 Bit = 96 Bit = 12 Byte Indizes x 2 Bit = 8 Bit Tabelle benötigt 96 Bit + 8 Bit = 10 Bit RGB-Werte

Übersicht Bitmap-Format BitmapFileHeader (bmfh) Informationen über die Bitmap Datei BitmapInfoHeader (bmih) Information über die Bitmap (Farben, Größen etc). RGBQuad Evtl. eine Farbtabelle. Byte Bilddaten

Bitmap-Format BitmapFileHeader Adresse Größe (Byte) Zweck 00 bftype 2 Immer BM 02 bfsize Dateigröße in Bytes 06 bfreserved1 2 Immer 0 08 bfreserved2 2 Immer 0 10 bfoffbits Offset vom Anfang der Datei zu den eigentlichen Bitmap Daten

Bitmap-Format BitmapInfoHeader Adresse Größe (Byte) Zweck 1 bisize Größe des bmih in Bytes 18 biwidth Bildbreite in Pixel 22 biheight Bildhöhe in Pixel 26 biplanes 2 Anzahl der Flächen 28 bibitcount 2 Anzahl der Bits pro Pixel 30 bicompression Kompression (0 = keine) 3 bisizeimage Größe der Bilddaten in Bytes 38 bixpelspermeter X Pixel Pro Meter (meistens 0) 2 biypelspermeter Y Pixel Pro Meter (meistens 0) 6 biclrused Anzahl der Farben 50 biclrimportant Anzahl der wichtigen Farben

Bitmap-Format Farbtabelle RGBQuad Eintrag für eine Farbe: Adresse innerhalb der Farbe Größe in Bytes Name Beschreibung 0 1 rgbblue Blauer Farbanteil 1 1 rgbgreen Grüner Farbanteil 2 1 rgbred Roter Farbanteil 3 1 rgbreserved Immer 0

Bitmap-Format Bilddaten Byte Je nach Einstellungen entweder BGR Werte oder Referenz auf die Tabelle. Die erste Datenzeile in der Datei repräsentiert die unterste Zeile im Bild. Zeilen deren Bytes nicht durch teilbar sind werden mit beliebigen Bytes aufgefüllt.