Digital Media Lecture 4.1: Image Encoding Practice

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.

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.

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

Introduction to JPEG Alireza Shafaei ( ) Fall 2005.

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 Lecture 4.1: Image Encoding Practice Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.

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.

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.

Representing images.

A Spreadsheet-based Manipulative

Bitmap Basics Review Refresher from Year 8.

Binary Representation in Audio and Images

Computer Science Higher

Images In Matlab.

Dr. Jim Rowan ITEC 2110 Color Part 2

Dr. Jim Rowan ITEC 2110 Bitmapped Images

COMS 161 Introduction to Computing

Dr. Jim Rowan ITEC 2110 Color Part 2

Dr. Jim Rowan ITEC 2110 Color Part 2

- 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.

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

COMS 161 Introduction to Computing

Dr. Jim Rowan ITEC 2110 Color Part 2

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

Example 1 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 Example 1 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 Example 1 24 bit RGB orange | white | green | cyan |cyan | cyan | red | orange | white | red | white | blue

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 orange | white | green | cyan |cyan | cyan | red | orange | white | red | white | blue 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, 250

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 orange | white | green | cyan |cyan | cyan | red | orange | white | red | white | blue 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, 250 36 bytes total (excluding any header)

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 Run length encoding RLE 1 byte for the count

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 Run length encoding RLE 1 byte for the count 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 Run length encoding RLE 1 byte for the count 1 orange | 1 white | 1 green | 3 cyan | 1 red | 1 orange | 1 white | 1 red | 1 white | 1 blue 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, 250

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 Run length encoding RLE 1 byte for the count 1 orange | 1 white | 1 green | 3 cyan | 1 red | 1 orange | 1 white | 1 red | 1 white | 1 blue 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, 250 40 bytes total (excluding any header) notice that in this case, the RLE is larger than the 24 bit RGB

Example 1 24 bit RGB 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 Example 1 24 bit RGB Table Encoding

Example 1 24 bit RGB 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 Example 1 24 bit RGB Table Encoding 237, 132, 30 orange 000 255, 255, 255 white 001 120, 248, 254 cyan 011 232, 68, 21 red 100 0, 59, 250 blue 101 67, 139, 23 green 010

Example 1 24 bit RGB Table Encoding color table: 18 bytes 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, 30 orange 000 255, 255, 255 white 001 120, 248, 254 cyan 011 232, 68, 21 red 100 0, 59, 250 blue 101 67, 139, 23 green 010 color table: 18 bytes

Example 1 24 bit RGB Table Encoding color table: 18 bytes 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, 30 orange 000 255, 255, 255 white 001 120, 248, 254 cyan 011 232, 68, 21 red 100 0, 59, 250 blue 101 67, 139, 23 green 010 color table: 18 bytes 000 001 010 011 011 011 100 000 001 100 001 101

Example 1 24 bit RGB Table Encoding color table: 18 bytes 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, 30 orange 000 255, 255, 255 white 001 120, 248, 254 cyan 011 232, 68, 21 red 100 0, 59, 250 blue 101 67, 139, 23 green 010 color table: 18 bytes 000 001 010 011 011 011 100 000 001 100 001 101 bitmapped portion: 36 bits/8 = 5 (4.5) bytes

Example 1 24 bit RGB Table Encoding color table: 18 bytes 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, 30 orange 000 255, 255, 255 white 001 120, 248, 254 cyan 011 232, 68, 21 red 100 0, 59, 250 blue 101 67, 139, 23 green 010 color table: 18 bytes 000 001 010 011 011 011 100 000 001 100 001 101 bitmapped portion: 36 bits/8 = 5 (4.5) bytes Total: 18 + 5 = 23 bytes (excluding any header)

Example 2 24 bit RGB 232, 68, 21 -red 255, 255, 255 -white 237, 132, 30 -orange 255, 255, 255 -white 232, 68, 21 -red 0, 59, 250 -blue

Example 2 24 bit RGB 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 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

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 232, 68, 21 -red 237, 132, 30 -orange 255, 255, 255 -white 232, 68, 21 -red 0, 59, 250 -blue

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

Example 3 24 bit RGB 27 bytes total (excluding any header) 237, 132, 30 -orange 255, 255, 255 -white 120, 248, 254 -cyan orange | orange | white | orange | cyan | cyan | orange | cyan | orange 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, 30 27 bytes total (excluding any header)

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, 30 28 bytes total (excluding any header)

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

Another table encoding example

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

Additional practice images