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.

Slides:



Advertisements
Similar presentations
Pixels and Digital Images Yrd. Doc. Dr. Ahmet Sayar Kocaeli Universitesi Bilgisayar Muhendisligi Ileri Bilgisayar Grafikleri.
Advertisements

Information Representation
CS 128/ES Lecture 7b1 File Formats. CS 128/ES Lecture 7b2 Outline What is an image really? Methods of storing images Compression algorithms.
Graphics in the web Digital Media: Communication and Design
Image Representation CS105. Data Representation Text representation – ASCII character set – Unicode – Data compression Images!
Introduction to Computer Graphics
Lesson Objectives Explain the representation of an image as a series of pixels represented in binary Explain the need for meta data to be included in the.
Image and Sound Editing Raed S. Rasheed Image Image. Digital image. – Raster images. – Vector Images. – Stereo Images. – Image File Formats Lossless.
Data starts with width and height of image Then an array of pixel values (colors) The number of elements in this array is width times height Colors can.
CS559-Computer Graphics Copyright Stephen Chenney Image File Formats How big is the image? –All files in some way store width and height How is the image.
Chpater 3 Resolution, File Formats and Storage. Introduction There are two factors that determine the quality of the picture you take; The resolution.
1 Ethics of Computing MONT 113G, Spring 2012 Session 11 Graphics on the Web Limits of Computer Science.
Faculty of Sciences and Social Sciences HOPE Website Development Graphics Stewart Blakeway FML 213
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
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.
THE COLORS OF LIGHT RED, GREEN and BLUE
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.
Too much information running through my brain.. We live in the information age. Knowledge comes from careful investigation of information. Information.
Chapter 11 Fluency with Information Technology 4 th edition by Lawrence Snyder (slides by Deborah Woodall : 1.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Data Representation CS280 – 09/13/05. Binary (from a Hacker’s dictionary) A base-2 numbering system with only two digits, 0 and 1, which is perfectly.
Bit-Mapped Graphic Data: Input (Capture) Hardware Multimedia – Section 2.
Image Representation. Objectives  Bitmaps: resolution, colour depth and simple bitmap file calculations.  Vector graphics: drawing list – objects and.
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.
Two –Dimensional Arrays Mrs. C. Furman Java Programming November 19, 2008.
Still-image compression Moving-image compression and File types.
Vocabulary Words. 2-stage shutter release is a shutter release, that when pressed halfway, it activates the autofocus and the light meter of the camera,
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:
Digital Media Dr. Jim Rowan ITEC 2110 Bitmapped Images.
Computer Images Can store color info about each pixel, but makes file BIG Compression for Web 15.
1 Image Formats. 2 Color representation An image = a collection of picture elements (pixels) Each pixel has a “color” Different types of pixels Binary.
Graphics workshop Library and Information Services University of St Andrews.
Working with Images William Pegram April 1, 2013.
Digital Media Lecture 4.1: Image Encoding Practice Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Digital Media Lecture 4: Bitmapped images: Compression & Convolution Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.
CSC Computing with Images1 File formats for images on the web CSC 1040.
Images. Digital Images Rectangular arrays of pixel data Pixel - picture element, smallest addressable part of the frame buffer. Color depth - the depth.
CSCI-100 Introduction to Computing Hardware Part II.
Digital Images are represented by manipulating this…
 By Bob “The Bird” Fiske & Anita “The Snail” Cost.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
1 Perception and VR MONT 104S, Fall 2008 Lecture 20 Computer Graphics and VR.
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.
GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.
Digital Media Lecture 4.2: Image Encoding Practice Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.
Information Systems Design and Development Media Types Computing Science.
Computer Graphics Lesson 2 July 12, 2005 Image Formats What are some formats you are familiar with? There are 4 basic image format types: Uncompressed.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Computer Science Higher
How to Convert Pictures into Numbers
Graphics Bitmap Vector
Digital Media Lecture 4.1: Image Encoding Practice
Raster Images CPSC 1030.
Dr. Jim Rowan ITEC 2110 Bitmapped Images
File size and image quality
Images in Binary.
Representing Images 2.6 – Data Representation.
- orange white green - cyan - red - blue Example 1 24 bit RGB
Colors Computers build colors from Red, Green, and Blue; not Red, Blue, and Yellow. RGB = Red Green Blue Creating Colors Red + Blue = Purple No Red, No.
Multimedia System Image
Basic Concepts of Digital Imaging
- orange white green - cyan - red - blue Example 1 24 bit RGB
Presentation transcript:

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 can be constructed as gray-scale or color. In many cases, the pixel will be constructed as a byte. A byte is 8 bits or binary numbers. A bit can hold a single binary number, 1 or 0.

A byte can hold 8 binary numbers (0) (1) (2) ◦ and so on (255)

Three-byte color pixels In many systems a color pixel is constructed using 3 bytes ◦ To record color as a mixture of Red, Green and Blue lights ◦ Therefore, to make a 24-bit color, you need 3 8-bit bytes My Favorite Brown is a mixture of red, green and blue: ◦ Red (200), Green (40), Blue (10) In this 3-byte system pure black looks like: ◦ Red (0), Green (0), Blue (0) And pure white is this: ◦ Red (255), Green (255), Blue (255)

IMAGE COMPRESSION 1. GIF Format ◦ Many images have a "run" of the same color pixel  234, 234, 234,... (300 times) ◦ More efficient: record the run, not every pixel  ( )  This is known as "run length encoding“  GIF uses a form of run length encoding ◦ Another fact: GIF is a "lossless encoding“  When it's restored the image will be exactly as it was before compression

IMAGE COMPRESSION (cont’d) 2. JPEG Format  Very sophisticated (mathematically speaking)  Recording waves of information  These waves have different frequencies  JPEG loses information when it encodes high-frequency waves  In pictures, this corresponds to sharp, high-contrast boundaries between regions of different colors  This loss of information shows up as a shadow (or echo) artifact  Therefore, JPEG is a "lossy" compression method  The restored image is different than the original  However, for "smooth" photographic images, the loss in not noticeable  In JPEG, you can "dial" the amount of compression  More compression gives less quality when the image is restored to a bitmap display  Less compression gives better quality, although the file size will be somewhat larger