Digital Media Lecture 4.1: Image Encoding Practice Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Slides:

Advertisements

Similar presentations

Computer Science 101 RGB Color System. Simplified Introduction to Color Vision Go to How We See: The First Steps of Human Vision or Color Vision for more.

Advertisements

CSE111: Great Ideas in Computer Science Dr. Carl Alphonce 219 Bell Hall Office hours: M-F 11:00-11:

CSE115: Introduction to Computer Science I Dr. Carl Alphonce 219 Bell Hall 1.

Image Representation.

CSC Computing with Images1 Image encodings CSC 1040.

How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.

1 Internet Graphics. 2 Representing Images  Raster Image: Images consist of “dots” of color, not lines  Pixel: Picture element-tiny rectangle  Resolution:

Digital Media Lecture 6: Color Part 1 Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

ICS 61 - Graphics. Light Color Wheel Color Perception.

Digital Media Lecture 2.1: SemesterOverview Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.

Introduction to JPEG Alireza Shafaei ( ) Fall 2005.

Digital Media Dr. Jim Rowan ITEC Over the next several classes… In the next several lectures we will be covering these topics: –Vector graphics.

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,

Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.

Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.

Images Data Representation. Objectives  Understand the terms bitmap & pixel  Understand how bitmap images are stored using binary in a computer system.

Digital Media Dr. Jim Rowan ITEC 2110 Wednesday, September 4.

Digital Media Lecture 10: Video & Compression Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Still-image compression Moving-image compression and File types.

CSC Computing with Images

Digital Media Dr. Jim Rowan ITEC 2110 Bitmapped Images.

Chapter 1. Introduction. Goals of Image Processing “One picture is worth more than a thousand words” 1.Improvement of pictorial information for human.

Digital Media Lecture 3: Image Encoding Bitmapped images Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Digital Media Dr. Jim Rowan ITEC Over the next several classes… In the next several lectures we will be covering these topics: –Vector graphics.

Digital Media Lecture 7: Color part 2 Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Digital Media Dr. Jim Rowan ITEC Up Next! In the next several lectures we will be covering these topics: –Vector graphics –Bitmapped graphics –Color.

Digital Media Lecture 4: Bitmapped images: Compression & Convolution Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Digital Media Lecture 2: SemesterOverview Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Digital Media Dr. Jim Rowan ITEC 2110 Chapter 3. Roll call.

COUNTING Directions: Write your word on the I pad and on the paper. Count the amount of letters in your word and then find the color that matches that.

Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Representing and Storing Graphics EXTENSION.

Computer Science and Software Engineering© 2014 Project Lead The Way, Inc. Bits and Bytes.

Digital Media Dr. Jim Rowan ITEC 2110 Images: Chapters 3, 4 & 5.

 By Bob “The Bird” Fiske & Anita “The Snail” Cost.

POWERPOINT PLUS 11/17/07 Class Notes. WHAT IS A PIXEL A pixel is a number that represents the intensity of light at a square spot in the picture. Pixels.

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.

Digital Media Dr. Jim Rowan ITEC 2110 Chapter 3. Roll call.

PART TWO Electronic Color & RGB values 1. Electronic Color Computer Monitors: Use light in 3 colors to create images on the screen Monitors use RED, GREEN,

Digital Media Lecture 5: Vector Graphics Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Digital Media Lecture 0: It’s all just bits! Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Digital Media Lecture 4.2: Image Encoding Practice Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Digital Media Lecture 2: SemesterOverview Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

Computer Graphic. Raster graphics In computer graphics, a raster graphics image, digital image, or bitmap, is a data structure representing a generally.

Multimedia and weBLOGging Grade 7-9 | Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 03 - Still Picture 01 – Basics.

Computer Systems Nat 5 Computing Science Data Representation

Images Data Representation.

Graphics 1 Graphics 2 Color 2 I Spy 1pt 1 pt 1 pt 1pt 1 pt 2 pt 2 pt

Data Representation Images.

A Spreadsheet-based Manipulative

Bitmap Basics Review Refresher from Year 8.

Binary Representation in Audio and Images

Computer Science Higher

Digital Media Lecture 4.1: Image Encoding Practice

Dr. Jim Rowan ITEC 2110 Bitmapped Images

What do these words mean to you?

- orange white green - cyan - red - blue Example 1 24 bit RGB

Dr. Jim Rowan ITEC 2110 Chapter 3

Two ways to discuss color 1) Addition 2) Subtraction

Chapter 2 Data Representation.

Can I color yellow?. Can I color yellow?

Color and Shading Lecture 9 Mon, Sep 26, 2005.

COMS 161 Introduction to Computing

What Color is it?.

Dr. Jim Rowan ITEC 2110 Chapter 3

Computer Systems Nat 4.5 Computing Science Data Representation

Visuals are analog signals...

- orange white green - cyan - red - blue Example 1 24 bit RGB

Year 8 Unit 2 Bitmap Graphics

Presentation transcript:

Digital Media Lecture 4.1: Image Encoding Practice Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan

Refer to Supplemental text: Ways to store an image as numbers: Bitmapped Graphics Ways to store an image as numbers: Vector Graphics

Practice Examples Each image encoded three ways: –24 bit RGB –Run Length Encoding –Table Encoding

237, 132, 30-orange 255, 255, 255-white 120, 248, 254-cyan 232, 68, 21-red 0, 59, 250-blue 67, 139, 23-green orange | white | green | cyan |cyan | cyan | red | orange | white | red | white | blue Example 1 24 bit RGB 237, 132, 30 | 255, 255, 255 | 67, 139, 23 | 120, 248, 254 | 120, 248, 254 | 120, 248, 254 | 232, 68, 21 | 237, 132, 30 | 255, 255, 255 | 232, 68, 21 | 255, 255, 255 | 0, 59, bytes total (excluding any header)

1 237, 132, 30 | 1 255, 255, 255 | 1 67, 139, 23 | 3 120, 248, 254 | 1 232, 68, 21 | 1 237, 132, 30 | 1 255, 255, 255 | 1 232, 68, 21 | 1 255, 255, 255 | 1 0, 59, bytes total (excluding any header) notice that in this case, the RLE is larger than the 24 bit RGB 237, 132, 30-orange 255, 255, 255-white 120, 248, 254-cyan 232, 68, 21-red 0, 59, 250-blue 67, 139, 23-green 1 orange | 1 white | 1 green | 3 cyan | 1 red | 1 orange | 1 white | 1 red | 1 white | 1 blue Example 1 24 bit RGB Run length encoding RLE 1 byte for the count

237, 132, 30-orange 255, 255, 255-white 120, 248, 254-cyan 232, 68, 21-red 0, 59, 250-blue 67, 139, 23-green Example 1 24 bit RGB Table Encoding 237, 132, 30orange , 255, 255white , 248, 254cyan , 68, 21red100 0, 59, 250blue101 67, 139, 23green010 color table: 18 bytes bitmapped portion: 36 bits/8 = 5 (4.5) bytes Total: = 23 bytes (excluding any header)

237, 132, 30-orange 255, 255, 255-white 232, 68, 21-red 0, 59, 250-blue red | orange | white | white | red | white | blue | blue | red | white | white | white Example 2 24 bit RGB 232, 68, 21 | 237, 132, 30 | 255, 255, 255 | 255, 255, 255 | 232, 68, 21 | 255, 255, 255 | 0, 59, 250 | 0, 59, 250 | 232, 68, 21 | 255, 255, 255 | 255, 255, 255 | 255, 255, 255 | 36 bytes total (excluding any header)

Example 2 24 bit RGB Run length encoding RLE 1 byte for the count 237, 132, 30-orange 255, 255, 255-white 232, 68, 21-red 0, 59, 250-blue 1 red | 1 orange | 2 white | 1 red | 1 white | 2 blue | 1 red | 3 white 1 232, 68, 21 | 1 237, 132, 30 | 2 255, 255, 255 | 1 232, 68, 21 | 1 255, 255, 255 | 2 0, 59, 250 | 1 232, 68, 21 | 3 255, 255, 255 | 32 bytes total (excluding any header)

Example 2 24 bit RGB Table Encoding color table: 12 bytes bitmapped portion: 24 bits/8 = 3 bytes Total: = 15 bytes (excluding any header) 237, 132, 30-orange 255, 255, 255-white 232, 68, 21-red 0, 59, 250-blue 255, 255, 255white01 237, 132, 30orange10 232, 68, 21red00 0, 59, 250blue11

orange | orange | white | orange | cyan | cyan | orange | cyan | orange Example 3 24 bit RGB 237, 132, 30 | 237, 132, 30 | 255, 255, 255 | 237, 132, 30 | 120, 248, 254 | 120, 248, 254 | 237, 132, 30 | 120, 248, 254 | 237, 132, bytes total (excluding any header) 237, 132, 30-orange 255, 255, 255-white 120, 248, 254-cyan

Example 3 24 bit RGB Run length encoding RLE 1 byte for the count 237, 132, 30-orange 255, 255, 255-white 120, 248, 254-cyan 2 orange | 1 white | 1 orange | 2 cyan | 1 orange | 1 cyan | 1 orange 2 237, 132, 30 | 1 255, 255, 255 | 1 237, 132, 30 | 2 120, 248, 254 | 1 237, 132, 30 | 1 120, 248, 254 | 1 237, 132, bytes total (excluding any header)

Example 3 24 bit RGB Table Encoding 237, 132, 30-orange 255, 255, 255-white 120, 248, 254-cyan 237, 132, 30orange00 255, 255, 255white01 color table: 9 bytes 120, 248, 254cyan bitmapped portion: 18 bits / 8 = 3 bytes Total: = 12 bytes (excluding any header)

Another table encoding example

237, 132, 30-orange 255, 255, 255-white 120, 248, 254-cyan 232, 68, 21-red 0, 59, 250-blue 67, 139, 23-green 237, 132, 30orange , 255, 255white , 248, 254cyan , 68, 21red100 0, 59, 250blue101 67, 139, 23green010 color table: 18 bytes Example 4 24 bit RGB Table Encoding bitmapped portion: 48 bits/8 = 6 bytes Total: = 24 bytes (excluding any header)

Additional practice images