Sampling, Quantization, Color Models & Indexed Color

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Digital Color 24-bit Color Indexed Color Image file compression
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
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.
CGA 115 Professor Mary A. Malinconico. Questions from Last Week ????????
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
Media: Digital Image. Representing Digital Images ● Pixel ● Resolution ● Aspect ratio.
Graphics in the web Digital Media: Communication and Design
Image Representation CS105. Data Representation Text representation – ASCII character set – Unicode – Data compression Images!
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Digital Images The digital representation of visual information.
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
Department of Physics and Astronomy DIGITAL IMAGE PROCESSING
Digital Images Chapter 8, Exploring the Digital Domain.
Lab #5-6 Follow-Up: More Python; Images Images ● A signal (e.g. sound, temperature infrared sensor reading) is a single (one- dimensional) quantity that.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
07: Color in Interactive Digital Media
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.
How A Camera Works Image Sensor Shutter Mirror Lens.
Lecture 4: ImagesIntro to IT COSC1078 Introduction to Information Technology Lecture 4 Images James Harland
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Foundations of Web Design I Photoshop CS5 Michael Daniel
THE THEORY & CONCEPTS Lesson 1 – Part 1. What is Graphic Design It’s a CREATIVE PROCESS Undertaken in order to convey a specific message/s I can’t teach.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Image formats. Basic terminologies… Pixels: Pixels are the building blocks of every digital image. a pixel is a single point in a graphic image. Resolutions:
Chapter 1. Introduction. Goals of Image Processing “One picture is worth more than a thousand words” 1.Improvement of pictorial information for human.
Computer Images Can store color info about each pixel, but makes file BIG Compression for Web 15.
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,
Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color.
Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
 JPEG is a standardized image compression mechanism.  JPEG stands for Joint Photographic Experts Group.  JPEG is designed for compressing either full-
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Ch 6 Color Image processing CS446 Instructor: Nada ALZaben.
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.
Mirjana Devetakovic, M.Sc. CAAD - Images Beograd, 2011.
Raster Graphics 2.01 Investigate graphic image design.
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
CS 101 – Sept. 14 Review Huffman code Image representation –B/W and color schemes –File size issues.
Intro to Color Theory. Objectives Identify and discuss various color models including RGB, CMYK, Black/white and spot color. Investigate color mixing.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
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.
HTTP transaction with Graphics HTML file + two graphics files.
Digital Graphics Vocabulary Texas State University CI5363 Florence Yang.
Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Tytus Bernas Biological applications of image processing.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
DIGITAL MEDIA FOUNDATIONS
Binary Representation in Audio and Images
2.01 Investigate graphic image design.
Raster Images CPSC 1030.
COMS 161 Introduction to Computing
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
Digital Image Fundamentals
Сабақтың тақырыбы: Компьютерлік графика негіздері
2.01 Investigate graphic image design.
Nuts and Bolts of Digital Imaging
COMS 161 Introduction to Computing
Basic Concepts of Digital Imaging
2.01 Investigate graphic image design.
Exam Objectives: Identify Design Elements When Preparing Images
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Investigate graphic image design.
Presentation transcript:

Sampling, Quantization, Color Models & Indexed Color CS450 Lecture 2 Sampling, Quantization, Color Models & Indexed Color

Digital Image Sources Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray, CT) The Internet

Digitizing Images Images are digitized using a two step process: sampling the continuous tone image quantizing pixels

Sampling

Quantization pixel’s samples are averaged

Quantization Example

Image Resolution 68 x 104 136 x 208 272 x 416 less detail more detail less storage more storage

Digital Cameras Low-Res 640x480 (TV grade) Medium Low-Res 1536x1024 Medium-Res 2048x1536 Medium Hi-Res 2560x1920 Hi-Res 3000x2000 up to 10 Megapixel

Dynamic Range The number of quantized pixel values: 256 levels

Images - 2D array of values Binary Images (pixel values = 0,1) Grayscale Images (pixel values = 0-255) Color Images Each pixel has three color components For example, (red, green, blue) or RGB Each color component is 0-255

Color Images 3 Images Overlayed Blue Green Red

Histograms: What’s in the image? What is a histogram? Simple numeric example Histogram 1 3 21 31 21 4 2 1 2 1 2 3 4

Color Image Histograms Histogram for each color

RGB Additive Color Model RED GREEN BLUE bright values => high amounts of that color dark values => low amounts of that color

CMYK Subtractive Color Model CYAN MAGENTA Bright => use less of that ink color Dark => use lots of YELLOW BLACK

HSB Visual Color Model HSB: how artists perceive color properties

HSB Visual Color Model HSB: how artists perceive color properties 360 o Hue Select Hue

HSB Visual Color Model HSB: how artists perceive color properties 360 Saturation o Hue Select Hue - then click in box for saturation, brightness

HSB Visual Color Model HSB: how artists perceive color properties 360 Saturation Brightness o Hue Select Hue - then click in box for saturation, brightness

Digital Image Formats GIF (Graphic Interchange Format) indexed color (up to 256 colors) compressed used in Web applications JPEG (Joint Photographic Experts Group) lossy compression with variable controls also used in Web applications

Digital Image Formats PNG (Portable Network Graphics) BMP designed for online viewing (e.g., Web) patent-free replacement for GIF lossless compression BMP MS Windows image format

Indexed Color “Indexed Color” can be used to reduce the size of a color image file 255 = 27 bytes = 18 bytes 1 2 0 1 2

Indexed Color Images are derived from full color images are smaller or more compact in storage are composed of pixels selected from a limited palette of colors or shades