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

Slides:



Advertisements
Similar presentations
Images Images are a key component of any multimedia presentation.
Advertisements

Digital Color 24-bit Color Indexed Color Image file compression
CGA 115 Professor Mary A. Malinconico. Questions from Last Week ????????
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
Image Representation.
Images: Pixels and Resolution Monica A. Stoica, Boston University Books used: “The Essential Guide to Computing” by E. Garrison Walters.
CSc 461/561 CSc 461/561 Multimedia Systems Part A: 2. Image.
Graphical images Bit-mapped (or raster-based) image: Matrix describing the individual dots that are the smallest elements (pixels) of resolution on a computer.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
Lecture 03 Fasih ur Rehman
Welcome Topic: Pixels A.M.Meshkatur Rahman Class: vii Roll: 07.
Digital Images Chapter 8, Exploring the Digital Domain.
07: Color in Interactive Digital Media
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Lesson 13 – Color and Typography. 2 Objectives Discuss basic color theory. Understand the color wheel. Understand how color is presented on a computer.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.
Colours and Computer Jimmy Lam The Hong Kong Polytechnic University.
Video Monitor Uses raster scanning to display images –Beam of electrons illuminates phosphorus dots on the screen called pixels. Starting at the top of.
Chapter 2 Getting Started: Drawing Figures. The Framebuffer Lecture 2 Fri, Aug 29, 2003.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Nov 061 Size Control How is a component’s size determined during layout and during resize operations? Three factors determine component sizes: The component’s.
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.
Color and Resolution Introduction to Digital Imaging.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
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.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Lecture 7: Intro to Computer Graphics. Remember…… DIGITAL - Digital means discrete. DIGITAL - Digital means discrete. Digital representation is comprised.
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.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Representing and Storing Graphics EXTENSION.
Digital Imaging Fundamentals Ms. Hema C.R. School of Mechatronic Engineering.
Beam Penetration & Shadow Mask Method
Color Web Design Professor Frank. Color Displays Based on cathode ray tubes (CRTs) or back- lighted flat-screen Monitors transmit light - displays use.
CS 101 – Sept. 14 Review Huffman code Image representation –B/W and color schemes –File size issues.
Resolution The resolution of an image is determined by the number of individually addressable points that make up the image, whether it is the number.
Graphics in a computers memory How a picture (i.e. a graphic) is stored in a computers memory A computer screen is made up of little dots, called PICture.
The Web. Web Servers and File Transfer Protocol (FTP)
How to make a picture in black and white Mass Media Mr. Guzman 1st period.
Vocabulary Worksheet Answers
Digital Graphics Vocabulary Texas State University CI5363 Florence Yang.
Review_5 Graphics. The visual representation of images is known as…
Chapter 3 Color Objectives Identify the color systems and resolution Clarify category of colors.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand concepts used to create digital graphics.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Multimedia and weBLOGging Grade 7-9 | Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 03 - Still Picture 01 – Basics.
DIGITAL MEDIA FOUNDATIONS
Images Data Representation.
Data Representation Images.
Sampling, Quantization, Color Models & Indexed Color
How to Convert Pictures into Numbers
DIP 9 65 Original 210 Eye Zoomed.
GRAPHICS Source:
LET’S LEARN ABOUT GRAPHICS!
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
MED 2001 Advanced Media Production
Programming Graphic LCD
Programming Graphic LCD
Programming Graphic LCD
Nuts and Bolts of Digital Imaging
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
Programming Graphic LCD
Color and Images.
Programming Graphic LCD
Programming Graphic LCD
Multimedia System Image
Computer Systems Nat 4.5 Computing Science Data Representation
Basic Concepts of Digital Imaging
Presentation transcript:

1 Internet Graphics

2 Representing Images  Raster Image: Images consist of “dots” of color, not lines  Pixel: Picture element-tiny rectangle  Resolution: Number of pixels SVGA: 1280 x 1024 = 1,310,720 VGA: 640 x 480 Your monitor can be modified

3 Representing Images  RGB: monitor, each pixel  Intensity: 0 (dark) – 255 (bright)  Representing Color: # - # - # = white = scarlet 16,777,216 = 16 million colors

4 Representing Images  Light media: RGB  Opaque media: paint Red, blue, yellow  Printers Cyan, yellow, magenta Must have conversion software for translating monitor to printer

5 Storage of Images  1 byte = 8 bits = 255 values  Images are memory hogs  Causes problems with transmission  e.g. Image: 5 million pixels = 14 Mb  Solutions Less “accuracy” Compression

6 Reducing Color Depth  Reduce the number of colors  Depth: measured by bits/pixel  True color = 3 bytes = 24 bits

7 8-bit Color  1 byte = 8 bits = 256 colors  Color Palette – 256 colors Multiple palettes are available  8-bit number represents the particular color in the palette – not the mix of RGB  Uses 1/3 storage space bytes to define the palette

8 Other Color Depths  1-bit - Black & White  4-bit = 16 colors Simple drawings, icons Windows, but can change palette Start; Settings; Control Panel; Display; Appearance; Scheme

9 Color Depth Tradeoff  Color depth vs. Resolution  Due to storage requirements, must reduce one  1280 x 1024  256 colors  16 M colors  640 x 480  Photos: need more than 256 colors

10