COMS 161 Introduction to Computing

Slides:



Advertisements
Similar presentations
Digital Color 24-bit Color Indexed Color Image file compression
Advertisements

Information Representation
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
Tutorial 3 Designing a Web Page.
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.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
Management Information Systems Lection 06 Archiving information CLARK UNIVERSITY College of Professional and Continuing Education (COPACE)
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.
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.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Noiseless Coding. Introduction Noiseless Coding Compression without distortion Basic Concept Symbols with lower probabilities are represented by the binary.
Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.
Graphic images for computers Stored in files of binary data - Binary blobs Software has to know the binary format to decode the file and render an image.
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.
THE COLORS OF LIGHT RED, GREEN and BLUE
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Digital Image: Representation & Processing (2/2) Lecture-3
Web111a_chapt03.ppt HTM: Section 3 Colors Selecting Colors Methods Color names Color values Color Names 16 Basic Color Names HTML 3.05, Figure 3-2 Extended.
Fundamental Structures of Computer Science March 23, 2006 Ananda Guna Lempel-Ziv Compression.
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
Images 01/29/04 Resources: Yale Web Style Guide The GIF Controversy Unisys - lzw.
The LZ family LZ77 LZ78 LZR LZSS LZB LZH – used by zip and unzip
Addressing Image Compression Techniques on current Internet Technologies By: Eduardo J. Moreira & Onyeka Ezenwoye CIS-6931 Term Paper.
Computer Images Can store color info about each pixel, but makes file BIG Compression for Web 15.
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.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
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.
Fundamental Data Structures and Algorithms Margaret Reid-Miller 24 February 2005 LZW Compression.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
A BCDE.
Web Graphics. Web graphics Bandwidth is king Graphics must load quickly Graphics must be optimized All other components except for text, gif and jpg are.
Programming Games Logic. Slide show. Range input. Storage. Datatypes. Binary numbers. Homework: Catch up. This includes uploading projects to your server.
Data Representation. What is data? Data is information that has been translated into a form that is more convenient to process As information take different.
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.
Digital Media Lecture 4.2: Image Encoding Practice Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.
Information in Computers. Remember Computers Execute algorithms Need to be told what to do And to whom to do it.
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.
Data Compression Michael J. Watts
Lec 3: Data Representation
Data Compression.
Binary Representation in Audio and Images
Computer Science Higher
Applied Algorithmics - week7
Digital Media Lecture 4.1: Image Encoding Practice
Lempel-Ziv-Welch (LZW) Compression Algorithm
COMS 161 Introduction to Computing
Notes on the color table and indexed color concept
* Lecture 22 Images * Course logo spider web photograph from Morguefile openstock photograph by Gabor Karpati, Hungary.
Data Compression Reduce the size of data.
Ch2: Data Representation
Chapter 2 Data Representation.
COMS 161 Introduction to Computing
COMS 161 Introduction to Computing
GRAPHICAL DATA EXCHANGE FORMATS .jpg .gif .tif.
File Compression and Formats
Real-World File Structures
CAII 4.01 Web Page Design Terms List 2.
Introduction to Image Analysis and Processing
CPS 296.3:Algorithms in the Real World
Presentation transcript:

COMS 161 Introduction to Computing Title: HTML Date: March 2, 2005 Lecture Number: 20

Announcements Homework Due 3/04/05

Review Storing Images RGB Color index Image Compression jpeg

Outline Image Compression GIF LZW

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

LZW Compression Given a stream of text from an alphabet of two letters a and b Rule: Separate the stream of characters into pieces of text so that the shortest piece of data is the string of characters that we have not seen so far aaababbbaaabaaaaaaabaabb aaababbbaaabaaaaaaabaabb 7

LZW Compression 0aaababbbaaabaaaaaaabaabb Insert a 0 at the beginning Assign each section of letters with an increasing number 0aaababbbaaabaaaaaaabaabb 0aaababbbaaabaaaaaaabaabb 1 2 3 4 5 6 7 8 9 10 7

LZW Compression Use the indices to number the data The empty string is labeled 0 a The piece indexed with the 1 is a a with the empty string is labeled 0a aa Is labeled 1a since it contains the string whose index is 1 followed by a new a b In terms of what came before is labeled 0b 7

LZW Compression Continue labeling all the pieces in terms of previous labels 0aaababbbaaabaaaaaaabaabb 1 2 3 4 5 6 7 8 9 10 0a1a0b1b3b2a3a6a2b9b 1 2 3 4 5 6 7 8 9 10 7