Image 1 Subject:T0934 / Multimedia Programming Foundation Session:4 Tahun:2009 Versi:1/0.

Slides:



Advertisements
Similar presentations
Digital Color 24-bit Color Indexed Color Image file compression
Advertisements

Madeleine Wright Peter Wentworth. » On your screen, or with light beams, colours are additive. » Each pixel is a mixture of Red, Green and Blue, the additive.
Audio 1 Subject:T0934 / Multimedia Programming Foundation Session:8 Tahun:2009 Versi:1/0.
JAVA API (GUI) Subject:T0934 / Multimedia Programming Foundation Session:1 Tahun:2009 Versi:1/0.
Graphics 2D 1 Subject:T0934 / Multimedia Programming Foundation Session:6 Tahun:2009 Versi:1/0.
Fundamentals of Digital Imaging
Capturing and optimising digital images for research Gilles Couzin.
School of Computing Science Simon Fraser University
School of Engineering and Computer Science Victoria University of Wellington Copyright: Peter Andreae & david streader, VUW Images and 2D Graphics COMP.
ISYS 3074 Graphics File Formats File formats have developed with applications. At least 50 currently in use. Examples include: GIF, JPEG, TIFF, BMP, DIB,
Graphics on the Web CS575 Spring 2006 Dr.Abbot Student: Andre Liv.
Graphics File Formats. 2 Graphics Data n Vector data –Lines –Polygons –Curves n Bitmap data –Array of pixels –Numerical values corresponding to gray-
1 CSCE441: Computer Graphics: Color Models Jinxiang Chai.
Color spaces and JPEG. Colors physically, color is electro-magnetic radiation (i.e. light with various wave length, between 390nm- 750nm) percieved by.
Color & Color Management. Overview I. Color Perception Definition & characteristics of color II. Color Representation RGB, CMYK, XYZ, Lab III. Color Management.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
09/12/02 (C) 2002, University of Wisconsin, CS 559 Last Time Color and Color Spaces –Recall RGB and XYZ Programming assignment 2.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
School of Computer Science & Information Technology G6DPMM - Lecture 4 Graphics & Still Image Representation.
Page 18/30/2015 CSE 40373/60373: Multimedia Systems 4.2 Color Models in Images  Colors models and spaces used for stored, displayed, and printed images.
Faculty of Sciences and Social Sciences HOPE Website Development Graphics Stewart Blakeway FML 213
CS Spring 2012 CS 414 – Multimedia Systems Design Lecture 8 – JPEG Compression (Part 3) Klara Nahrstedt Spring 2012.
Product Design Sketching Chromatic Theories. Color Spectrum The range of colors seen by human eye is the “visible color spectrum”
1 Image Compression. 2 GIF: Graphics Interchange Format Basic mode Dynamic mode A LZW method.
Digital Images Chapter 8, Exploring the Digital Domain.
THE COLORS OF LIGHT RED, GREEN and BLUE
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
Klara Nahrstedt Spring 2011
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Color. Contents Light and color The visible light spectrum Primary and secondary colors Color spaces –RGB, CMY, YIQ, HLS, CIE –CIE XYZ, CIE xyY and CIE.
1 Image Formats. 2  To be able save image data for future manipulation and display we need to be able to store it in a consistent manner  Formats enable.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Information Processes and Technology Multimedia: Graphics.
1 Introduction to Computer Graphics with WebGL Ed Angel Professor Emeritus of Computer Science Founding Director, Arts, Research, Technology and Science.
Chapter 2 : Imaging and Image Representation Computer Vision Lab. Chonbuk National University.
Addressing Image Compression Techniques on current Internet Technologies By: Eduardo J. Moreira & Onyeka Ezenwoye CIS-6931 Term Paper.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Things to Remember When working with digital images.
DIGITAL IMAGE. Basic Image Concepts An image is a spatial representation of an object An image can be thought of as a function with resulting values of.
Introduction to Computer Graphics
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.
Data compression. lossless – looking for unicolor areas or repeating patterns –Run length encoding –Dictionary compressions Lossy – reduction of colors.
Digital Images are represented by manipulating this…
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Graphics Concepts Presentation
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Image File Formats By Dr. Rajeev Srivastava 1. Image File Formats Header and Image data. A typical image file format contains two fields namely Dr. Rajeev.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
DIGITAL MEDIA FOUNDATIONS
Sampling, Quantization, Color Models & Indexed Color
Binary Representation in Audio and Images
2.01 Investigate graphic image design.
Raster Images CPSC 1030.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Image File Size and File Compression
Graphics Basic Concepts.
MED 2001 Advanced Media Production
2.01 Investigate graphic image design.
COMS 161 Introduction to Computing
Multimedia System Image
2.01 Investigate graphic image design.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Investigate graphic image design.
Presentation transcript:

Image 1 Subject:T0934 / Multimedia Programming Foundation Session:4 Tahun:2009 Versi:1/0

Bina Nusantara Learning Outcomes In the end of this session, students must be able to: –Understand the concept of color –Recognize the type of color model/space –Understand the image compression and file format –Recognize basic Java 2D API

Course Outlines Color Color Space Digital Image Digital Imaging in Java Bina Nusantara

Color Color is a sensation, perceived by the brain when our eyes caught the light reflected by an object Bina Nusantara Human eyes has three types of cones which responds to three different kinds of light’s wavelengths

Tristimulus theory Therefore it’s suggested that any color can be described using only three parameters (tristimulus theory) which is called as three primary colors Bina Nusantara Three Parameters Three Primary Colors Color Model

RGB CMY(K) HSB CIE –CIEXYZ –CIELUV –CIELAB. Bina Nusantara

Color Model - RGB Basic model Additive primary color Light based Bina Nusantara Used in electronic display such as CRT monitor, LCD/ plasma TV

Color Model – CMY(K) Basic model Subtractive primary color Pigment based K  to get better black Used in printing devices and film Bina Nusantara

Color Model – HSB Also known as HLS (Hue-Lightness-Saturation) or HSV (Hue-Saturation-Value) Used in computer graphic program Bina Nusantara Color Hue Level of gray Saturation Level of illumination Brightness

Color Model - CIE RGB & CMY can’t represent all visible colors Standard set by CIE (Comission Internationale de l'Eclairage/ International Commission on Illumination) Based on how humans perceive color Bina Nusantara

Color Model - CIE CIEXYZ –First CIE model –XYZ is reformulated tristimulus value to cover all possible color CIELUV –Revised CIEXYZ CIELAB. –A different approach developed in 1942 Bina Nusantara

Gamut A range of color that can be produced by a device or a color model Colour gamut of print media is (generally) smaller than monitor RGB. Bina Nusantara

Color Space Gamut Color Model Color Space Bina Nusantara Color ModelColor Space RGBAdobe RGB CIE RGB sRGB

Color Bina Nusantara This is an example to make a panel that is colored by RGB color

Digital Image Raster Image Color Depth Indexed Image Image Compression Bina Nusantara

Raster Image Raster image  matrix/array of pixel Original image Shownmagnified

Bina Nusantara Colour Depth True Color (24 bits) 8 bits 4 bits1 bit 2 colors (monochrome)16 colors 256 colors>16 million possible colors Color Depth

Bina Nusantara Indexed Image Indexed/palette-based color is limited to certain bit amount of color 256 color (8bit) 16 (4bit)4 color (2bit)

Image Size Property Bina Nusantara

Image Size Property This is an example to show an image, then get the width and height of the image Bina Nusantara

Image Compression Reducing the amount of bits needed to represent an image with reasonable quality Lossless compression –Run-length coding –Entropy coding (Huffman, Arithmethic) –LZ variations coding (LZW, LZ77, LZ78, etc) Lossy compression –Transform coding DCT - Discrete Cosine Transform DFT - Discrete Fourier Transform DWT – Discrete Wavelet Transform Bina Nusantara

GIF Compression Graphics Interchange Format (GIF87a, GIF89a) Uses the modified LZW coding Limited to only palette-based images Suitable for images with few distinctive colours (ex : graphics drawing) Bina Nusantara

JPEG Compression First general purpose image compression standard was developed by Joint Photographic Experts Group Support truecolor dan grayscale image Suitable for natural image Bina Nusantara Original Image DCTQuantizer Entropy Encoder Compressed Image 8x8 blocks

JPEG variations Lossless JPEG –Employs a simple differential coding method without transform coding JPEG2000 Standard –New standard for image format –Better quality of the compresssed image –Provides superior lossless and lossy compression Bina Nusantara

PNG Compression Intended to replace patented GIF dan complex TIFF formats Support truecolor, grayscale, dan palette- based image Suitable for cartoon image Bina Nusantara Original ImagePrecompression DEFLATE Compression Compressed Image LZ77 + Huffman

Digital Imaging in Java Digital imaging was supported by three imaging model : 1.The AWT push model 2.The immediate mode model 3.The pull model Bina Nusantara

Buffered Image Raster ColorModel Bina Nusantara

Compressing Image in Java2D We use Iterator Class to make compressing ability in Java2D. setCompressionQuality use value between 0 and 1. Remember to use double (with f at the end of the number). Full code is downloadable in Additional Material

References Basic Color Theory for the Desktop Colour Image Processing html html Indexed Color and Palettes Multimedia Data Programming in Java Advanced Imaging unc/J2D-concepts.doc.html unc/J2D-concepts.doc.html Color Color Model Digital imaging Image Compression Bina Nusantara