COMS 161 Introduction to Computing

Slides:



Advertisements
Similar presentations
Information Representation
Advertisements

The Lossless JPEG standard y=(a+b)/2 = 145 r= =-35 Category (r) = 6, Magnitude (r) = ’s complement of cat (r) = Rep(35)={6,011100}
Image Data Representations and Standards
Lecture 10: Dictionary Coding
Rectangle Image Compression Jiří Komzák Department of Computer Science and Engineering, Czech Technical University (CTU)
Image Representation.
Lossless Compression in Multimedia Data Representation Hao Jiang Computer Science Department Sept. 20, 2007.
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
Welcome to a New Quarter Class Rules and Responsibilities What will be learning? 106-Static and Dynamic Visualization 105-Synthesize Data for SciVis Video-Real.
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.
CS110: Computers and the Internet Color and Image Representation.
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.
Media File Formats Jon Ivins, DMU. Text Files n Two types n 1. Plain text (unformatted) u ASCII Character set is most common u 7 bits are used u This.
WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.
Color Names All standards-compliant browsers should handle these color names These color names can be used with the CSS properties of color and background-color.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
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.
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.
Digital Image: Representation & Processing (2/2) Lecture-3
Multimedia Specification Design and Production 2012 / Semester 1 / L3 Lecturer: Dr. Nikos Gazepidis
1 Image Formats. 2  To be able save image data for future manipulation and display we need to be able to store it in a consistent manner  Formats enable.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Image Formats and Files Jung-Ming Wang
Digital Image Processing HW1 Yi-Chun Wei Visual Communications Lab National Central University Mar. 2, 2012.
Computer Graphics Bitmaps & Sprites CO2409 Computer Graphics Week 3.
Images 01/29/04 Resources: Yale Web Style Guide The GIF Controversy Unisys - lzw.
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 Lecture 4.1: Image Encoding Practice Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.
10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Multimedia Basics (1) Hongli Luo CEIT, IPFW. Topics r Image data type r Color Model : m RGB, CMY, CMYK, YUV, YIQ, YCbCr r Analog Video – NTSC, PAL r Digital.
COMPUTER GRAPHICS. Once you scan an image or take a picture with your digital camera, it becomes digitized. Made up of hundreds of thousands of pixels.
Digital Images are represented by manipulating this…
 By Bob “The Bird” Fiske & Anita “The Snail” Cost.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
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.
HTTP transaction with Graphics HTML file + two graphics files.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Digital Media Lecture 4.2: Image Encoding Practice Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.
Red Green Blue (RGB) Colour conversions Y and RGB Link In the images, the lighter the colour intensity (Red, Green, Blue), the more the contribution.
8th Lecture – Intro to Bitmap or Raster Images
Unit 2.6 Data Representation Lesson 3 ‒ Images
Vocabulary byte - The technical term for 8 bits of data.
Images Data Representation.
Binary Representation in Audio and Images
Computer Science Higher
How to Convert Pictures into Numbers
Chapter 3 Graphics and Image Data Representations
Sci Vis I Exam Review Unit 6 File Formats.
Digital Media Lecture 4.1: Image Encoding Practice
COMS 161 Introduction to Computing
Digital Image Formats: An Explanation
Saving Images from Fireworks
1.01 Investigate graphic types and file formats.
An Introduction to Scanning and Storing Photographs and Graphics
EEE3112 Introduction to Multimedia Application & Technology Chapter 1: Image Development by Muhazam Mustapha, September 2012.
* Lecture 22 Images * Course logo spider web photograph from Morguefile openstock photograph by Gabor Karpati, Hungary.
Representing Images 2.6 – Data Representation.
Ch2: Data Representation
Introduction to Digital Image Analysis Part I: Digital Images
COMS 161 Introduction to Computing
COMS 161 Introduction to Computing
GRAPHICAL DATA EXCHANGE FORMATS .jpg .gif .tif.
Visuals are analog signals...
Introduction to Image Analysis and Processing
Presentation transcript:

COMS 161 Introduction to Computing Title: Digital Images Date: February 28, 2005 Lecture Number: 19

Announcements Homework Due 3/4/05

Review Storing Images File formats gif jpeg

Outline Jpeg Gif LZW Image compression experiment Image compression scheme LZW

Compressing Images Bitmap images typically do not use compression File size: 270,870 Bytes Image width: 485 height: 186 Bits per pixel: 24 (RGB) 7

Compressing Images Science Use XnView Read in a bmp image Display it Save it as a jpeg image Fidelity adjustment is modified 7

Compressing Images bmp image File size: 271,235 bytes jpeg image with 100% quality File size: 50,235 bytes 7

Compressing Images Gray scale difference image Range of values: 0 – 18 gray scale values 7

Compressing Images bmp image File size: 271,235 bytes jpeg image with 90% quality File size: 21,207 bytes 7

Compressing Images Gray scale difference image Range of values: 0 – 22 gray scale values 7

Compressing Images bmp image File size: 271,235 bytes jpeg image with 70% quality File size: 13,079 bytes 7

Compressing Images Gray scale difference image Range of values: 0 – 45 gray scale values 7

Compressing Images bmp image File size: 271,235 bytes jpeg image with 50% quality File size: 10,335 bytes 7

Compressing Images Gray scale difference image Range of values: 0 – 58 gray scale values 7

Compressing Images bmp image File size: 271,235 bytes jpeg image with 25% quality File size: 7,522 bytes 7

Compressing Images Gray scale difference image Range of values: 0 – 79 gray scale values 7

Compressing Images bmp image File size: 271,235 bytes jpeg image with 10% quality File size: 4,986 bytes 7

Compressing Images Gray scale difference image Range of values: 0 – 118 gray scale values 7

Compressing Images bmp image File size: 271,235 bytes jpeg image with 5% quality File size: 3,765 bytes 7

Compressing Images Gray scale difference image Range of values: 0 – 171 gray scale values 7

Compressing Images bmp image File size: 271,235 bytes jpeg image with 1% quality File size: 3,151 bytes 7

Compressing Images Gray scale difference image Range of values: 0 – 250 gray scale values 7

Compressing Images GIF (Graphic Interchange Format) Codec Invented by CompuServe as a universal format for graphics GIF compression algorithm owned by Unisys Producers of GIF images need a license GIFs are good for buttons, banners, text (in graphic form), and simplistic images 7

Compressing Images Two flavors of GIF images GIF87a GIF89a Supports animation GIF images allow only 256 colors Allow for a transparent color 7

Compressing Images GIF compression algorithm Why are the sized different? Has to do with the compression algorithm File size: 4814 bytes File size: 5652 bytes 7

Compressing Images GIF compression algorithm Horizontal image Row 1: A big long red line Row 2: A big long red line Row 3: A big long red line Row 4: A big long yellow line Vertical image Row 1: a few green pixels, a few carolina blue pixels, a few red pixels … Row 2: a few green pixels, a few carolina blue pixels, a few red pixels … 7

Compressing Images GIF compression algorithm Vertical image requires more information per row Leads to a larger file Good compression for images with nearly uniform background 7

Compressing Images Lempel Ziv Welch compression algorithm Relies on reoccurrence of byte sequences (strings) A table maps input strings to associated output codes The table initially contains mappings for all possible strings of length one Input is taken one byte at a time to find the longest initial string present in the table The code for that string is output and then the string is extended with one more input byte, b. 7

Compressing Images Lempel Ziv Welch compression algorithm A new entry is added to the table mapping the extended string to the next unused code (obtained by incrementing a counter) The process repeats, starting from byte b The number of bits in an output code, and hence the maximum number of entries in the table is usually fixed and once this limit is reached, no more entries are added 7