CS 101 – Sept. 14 Review Huffman code Image representation –B/W and color schemes –File size issues.

Slides:



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

Objectives Understand grayscale Investigate a grayscale image
Digital Imaging and Image Analysis
DIGITAL IMAGE PROCESSING CMSC 150: Lecture 14. Conventional Cameras  Entirely chemical and mechanical processes  Film: records a chemical record of.
Fundamentals of Digital Imaging
Bit Depth and Spatial Resolution SIMG-201 Survey of Imaging Science © 2002 CIS/RIT.
School of Computing Science Simon Fraser University
Media: Digital Image. Representing Digital Images ● Pixel ● Resolution ● Aspect ratio.
Image Representation.
CSC Computing with Images1 Image encodings CSC 1040.
CSc 461/561 CSc 461/561 Multimedia Systems Part A: 2. Image.
1 Perception. 2 “The consciousness or awareness of objects or other data through the medium of the senses.”
Color of (digital image) Raed S. Rasheed Agenda Color. Color Image. Color Models – RGB color model. – CMYK color model. – HSV and HSL color model.
1 Internet Graphics. 2 Representing Images  Raster Image: Images consist of “dots” of color, not lines  Pixel: Picture element-tiny rectangle  Resolution:
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
The Digital Image.
Digital Images Chapter 8 Exploring the Digital Domain.
Digital Images The digital representation of visual information.
Screen Ruling, Print Resolution AM, FM and Hybrid Halftoning Sasan Gooran Linköping University LiU-Norrköping.
Fundamentals of Photoshop
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
CMYK vs. RGB Design. Primary colors The colors that make up the base for every other color created. Depending on whether you are looking at it from science,
© GCSE Computing Candidates should be able to:  explain the representation of an image as a series of pixels represented in binary  explain the need.
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.
07: Color in Interactive Digital Media
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
CS 101 – Sept. 16 Finish color representation –RGB √ –CMY –HSB –Indexed color Chapter 4 – how computers think –Begin with basic building blocks.
Lecture 4: ImagesIntro to IT COSC1078 Introduction to Information Technology Lecture 4 Images James Harland
What are the five colors in the legend? Enter the information below (5 points) 0000FF = = FFFFFF = 00FF00 = FF0000 = Color Theory Legend: income.
© 1999 Rochester Institute of Technology Introduction to Digital Imaging.
Images The Science of Images What is an Image on the computer? The Psychology of Images What do we use images for? What effect color has on our mood and.
Color and Resolution Introduction to Digital Imaging.
CS 111 – Sept. 10 Quiz Data compression –text –images –sounds Commitment: –Please read rest of chapter 1. –Department picnic next Wednesday.
CSC Computing with Images
Agenda Last class: Memory, Digitizing Numbers Today: Digitizing: Text
Chapter 1. Introduction. Goals of Image Processing “One picture is worth more than a thousand words” 1.Improvement of pictorial information for human.
Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,
Computer Graphics An Introduction Jimmy Lam The Hong Kong Polytechnic University.
# Red Green Blue Digital Color RGB to HEX.
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.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Representing and Storing Graphics EXTENSION.
CS 111 – Sept. 3 More data representation Review hex notation Text –ASCII and Unicode Sound and images Commitment: –For Wednesday: Please read pp
The Seven Elements of Art Ms. Hanson/ART 1. Definition of The Elements of Art The elements of art are a commonly used group of aspects of a work of art.
Digital Imaging Fundamentals Ms. Hema C.R. School of Mechatronic Engineering.
Image Processing Ch2: Digital image Fundamentals Prepared by: Tahani Khatib.
Why a bitmap (.bmp), not a.jpg? If you cannot save a.bmp, make it an uncompressed.tif. Compression (of this 8-bit 397,000 pixel image): none (397kb memory)medium.
 By Bob “The Bird” Fiske & Anita “The Snail” Cost.
PART 2 – Size, Display, Color Modes. Image Size Courtesy of Digital images are made up of pixels (picture elements),
More Digital Representation Discrete information is represented in binary (PandA), and “continuous” information is made discrete.
CS 101 – Sept. 11 Review linear vs. non-linear representations. Text representation Compression techniques Image representation –grayscale –File size issues.
An Introduction to Digital Image Processing Dr.Amnach Khawne Department of Computer Engineering, KMITL.
1 of 32 Computer Graphics Color. 2 of 32 Basics Of Color elements of color:
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
AP CSP: Pixelation – B&W/Color Images
ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging
Images Data Representation.
Data Representation Images.
Image Processing Objectives To understand pixel based image processing
Sampling, Quantization, Color Models & Indexed Color
Images In Matlab.
How to Convert Pictures into Numbers
DIP 9 65 Original 210 Eye Zoomed.
COMS 161 Introduction to Computing
Light Light has wave-like properties
Nuts and Bolts of Digital Imaging
What Color is it?.
Computer Systems Nat 4.5 Computing Science Data Representation
Basic Concepts of Digital Imaging
Presentation transcript:

CS 101 – Sept. 14 Review Huffman code Image representation –B/W and color schemes –File size issues

Huffman Code We’re given set of letters used in message, and their frequencies. Here’s a 2 nd example: –Ex. P=5, N=10, D=10, L=15, A=20, S=20, E=30 Arrange frequencies in order Group the letters in pairs, always looking for the smallest sum of frequences  Create a tree!

Images Fundamental unit is pixel Size = usually 8 bits Scheme = grayscale, range Dimensions given as (horiz  vert) –Ex. 400  300  120,000 pixels –Note that an 8-bit pixel = 1 byte Aspect ratio –Ex. 4 to 3 –When changing size, ratio shouldn’t change

Properties of rep’n “Sampling & Quantizing” Resolution of image –total number of pixels in image Dynamic range –How many shades of gray To reduce file size –Reduce either # of pixels, or # bits/pixel

Resolution here is a (edited) digitized image with a resolution of 272 x 416 Picture resolution determines both the amount of detail as well as its storage requirements

Resolution notice the changes when the resolution is reduced (136 x 208) Picture resolution determines both the amount of detail as well as its storage requirements

Resolution notice more changes when the resolution is reduced (68 x 104) Picture resolution determines both the amount of detail as well as its storage requirements

Dynamic Range Here is an intensity or graylevel image with 256 levels (i.e., 0 to 255 scale) DYNAMIC RANGE refers the number of values for the measuring scale used in quantizing

Dynamic Range Here is an intensity or graylevel image with 16 levels (i.e., 0 to 15 scale) DYNAMIC RANGE refers the number of values for the measuring scale used in quantizing

Dynamic Range Here is an intensity or graylevel image with 4 levels (i.e., 0 to 3 scale) DYNAMIC RANGE refers the number of values for the measuring scale used in quantizing

Dynamic Range Here is an intensity or graylevel image with 2 levels (i.e., 0 to 1 scale or a binary image) Dithering can help DYNAMIC RANGE refers the number of values for the measuring scale used in quantizing

Don’t overdo it Too little resolution: pixelated Too few bits per pixel: sharp edges, cheap –Extreme case is “binary image” Note that n bits per pixel gives 2 n values in dynamic range. 0 is black, 2 n – 1 is white –Examples: n = 8, 4, 2, 1

B/W vs. Color B/W: usually 1 byte (8 bits) per pixel –Each pixel = grayscale number –Ex. 180 is a brighter shade of gray Color: usually 3 bytes (24 bits) per pixel –Each pixel has three values, each –Ex. (200, 50, 128) = ?

Color rep’ns RGB – system based on light CMY – based on printing HSB – based on art Indexed color – a swatch to save space

RGB system Based on primary colors for light Each pixel has (red, green, blue) values. Examples black = (0, 0, 0) purple = (75, 0, 100) white = (255, 255, 255) How about (x, x, x) or (0, 0, x) ?

RGB examples ColorRGB black000 white255 red25500 green02550 blue00255 cyan0255 magenta2550 yellow255 0