Image Data Representations and Standards

Slides:



Advertisements
Similar presentations
Md. Monjur –ul-Hasan Department of Computer Science & Engineering Chittagong University of Engineering & Technology Chittagong 4349
Advertisements

Digital Color 24-bit Color Indexed Color Image file compression
Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
Bitmapped Graphic Data
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
5. Halftoning Newspaper photographs simulate a greyscale, despite the fact that they have been printed using only black ink. A newspaper picture is, in.
JPEG.
Lecture 3: Spring 2009 Graphics and Image Data Representations
Images.
Li & Drew © Prentice Hall Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular File Formats 3.3 Further Exploration.
Media: Digital Image. Representing Digital Images ● Pixel ● Resolution ● Aspect ratio.
Graphics in the web Digital Media: Communication and Design
Introduction to Computer Graphics
5. 1 JPEG “ JPEG ” is Joint Photographic Experts Group. compresses pictures which don't have sharp changes e.g. landscape pictures. May lose some of the.
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.
Images and Color Multimedia Systems (Module 1 Lesson 2)
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
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.
Computer Representation of Images A picture function f(x,y) is a real-valued function of two variables, having values that are nonnegative and bounded,
Fundamentals of Multimedia
Page 18/30/2015 CSE 40373/60373: Multimedia Systems 4.2 Color Models in Images  Colors models and spaces used for stored, displayed, and printed images.
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
(2.1) Fundamentals  Terms for magnitudes – logarithms and logarithmic graphs  Digital representations – Binary numbers – Text – Analog information 
Faculty of Sciences and Social Sciences HOPE Website Development Graphics Stewart Blakeway FML 213
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Image processing Second lecture. Image Image Representation We have seen that the human visual system (HVS) receives an input image as a collection of.
Graphics and Image Data Representations Mr.Nael Aburas 1.
1 Image Compression. 2 GIF: Graphics Interchange Format Basic mode Dynamic mode A LZW method.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Lecture 4 - Introduction to Computer Graphics
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.
Chapter 3 Graphics and Image Data Representations
Graphics/Image Data Types
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Digital Image: Representation & Processing (2/2) Lecture-3
Bit-Mapped Graphic Data: Input (Capture) Hardware Multimedia – Section 2.
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.
Information Processes and Technology Multimedia: Graphics.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
Addressing Image Compression Techniques on current Internet Technologies By: Eduardo J. Moreira & Onyeka Ezenwoye CIS-6931 Term Paper.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,
Marr CollegeHigher ComputingSlide 1 Higher Computing: COMPUTER SYSTEMS Part 1: Data Representation – 6 hours.
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.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
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.
Dr. Rasha Orban CS Department. Graphics and Image Data Representations Lecture 4.
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.
Digital Images are represented by manipulating this…
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.
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.
Lesson 2: Introduction to Digital Imaging Digital Photography MITSAA IAP 2003 Rob Zehner.
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.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Chapter 3_B Graphics and Image Data Representations 1.Graphics/Image Data Types 2.Popular File Formats 3.Further Exploration 1.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Graphics and image data representation
Computer Science Higher
Digital Photo editing with Photoshop
Chapter 3 Graphics and Image Data Representations
Computer Graphics Different Images File.
Raster Images CPSC 1030.
Chapter 3_B Graphics and Image Data Representations
GRAPHICS Source:
Representing Images 2.6 – Data Representation.
Ch2: Data Representation
Multimedia System Image
Presentation transcript:

Image Data Representations and Standards Lecture03 Image Data Representations and Standards

Some Terminology Bitmap: The two-dimensional array of pixel values that represents the graphics/image data. Image resolution refers to the number of pixels in a digital image (higher resolution always yields better quality). Fairly high resolution for such an image might be 1600X1200, whereas lower resolution might be 640X480. Frame buffer: Hardware used to store bitmap. Video card (actually a graphics card) is used for this purpose. The resolution of the video card does not have to match the desired resolution of the image, but if not enough video card memory is available then the data has to be shifted around in RAM for display. 8-bit image can be thought of as a set of 1-bit bit-planes, where each plane consists of a 1-bit representation of the image at higher and higher levels of elevation.

1-Bit Binary Images

24-Bit Images An important point: many 24-bit colour images are actually stored as 32-bit images, with the extra byte of data for each pixel used to store an alpha value representing special effect information (e.g., transparency).

8-Bit Images

Colour Look-Up Tables Many systems can make use of 8 bits of colour information (the so-called 256 colours) in producing a screen image. Such image files use the concept of a lookup table to store colour information. Basically, the image stores not colour, but instead just a set of bytes, each of which is actually an index into a table with 3-byte values that specify the colour for a pixel with that lookup table index. The idea used in 8-bit colour images is to store only the index, or code value, for each pixel. Then, e.g., if a pixel stores the value 25, the meaning is to go to row 25 in a colour look-up table (LUT).

LUT The most straightforward way to make 8-bit look-up colour out of 24-bit colour would be to divide the RGB cube into equal slices in each dimension. The centres of each of the resulting cubes would serve as the entries in the colour LUT, while simply scaling the RGB ranges 0..255 into the appropriate ranges would generate the 8-bit codes. Since humans are more sensitive to R and G than to B, we could shrink the R range and G range 0..255 into the 3-bit range 0..7 and shrink the B range down to the 2-bit range 0..3, thus making up a total of 8 bits. To shrink R and G, we could simply divide the R or G byte value by (256/8)=32 and then truncate. Then each pixel in the image gets replaced by its 8-bit index and the colour LUT serves to generate 24-bit colour.

Dithering When an image is printed, the basic strategy of dithering is used, which trades intensity resolution for spatial resolution to provide ability to print multi-level images on 2-level (1-bit) printers. Dithering is used to calculate patterns of dots such that values from 0 to 255 correspond to patterns that are more and more filled at darker pixel values, for printing on a 1-bit printer. The main strategy is to replace a pixel value by a larger pattern, say 2x2 or 4x4, such that the number of printed dots approximates the varying-sized disks of ink used in analog, in halftone printing (e.g., for newspaper photos). Half-tone printing is an analog process that uses smaller or larger filled circles of black ink to represent shading, for newspaper printing.

Dither Matrix For example, if we use a 2 x 2 dither matrix we can first re-map image values in 0..255 into the new range 0..4 by (integer) dividing by 256/5. Then, e.g., if the pixel value is 0 we print nothing, in a 2 x 2 area of printer output. But if the pixel value is 4 we print all four dots. The rule is: If the intensity is greater the dither matrix entry then print an on dot at that entry location: replace each pixel by an n x n matrix of dots. Note that the image size may be much larger, for a dithered image, since replacing each pixel by a 4 x 4 array of dots, makes an image 16 times as large.

Managing the image size for dithering A clever trick can get around this problem. Suppose we wish to use a larger, 4 X 4 dither matrix, such as We slide the above dither matrix over the image four pixels in the horizontal and vertical directions at a time. An ordered dither consists of turning on the printer output bit for a pixel if the intensity level is greater than the particular matrix element just at that pixel position.

Algorithm for ordered dither BEGIN for x = 0 to xmax // columns for y = 0 to ymax // rows i =x mod n j =y mod n // I(x,y) is the input, O(x,y) is the output, // D is the dither matrix. if I(x,y) > D(i,j) O(x,y) = 1 else O(x,y) = 0 END

Dithered Lena image

GIF (Graphics Interchange Format) Devised by UNISYS Corporation and Compuserve for transmitting graphical images over phone lines via modems. It is limited to 8-bit colour images only. It supports simple animation and provides simple control over delay time, transparency, and so on. Progressive display via interlacing.

JPEG This standard was created by a working group of the International Organization for Standardization (ISO) called Joint Photographic Experts Group. Make use of human visual system characteristics to achieve high rates of compression. Ability to sub-sample colour. Small blocks (8x8) of the image are represented in a spatial frequency using Discrete Cosine Transform. At low bit rates the compressed image may look blocky.

PNG Stands for Portable Network Graphics. Designed to replace GIF but no multiple image support (and hence animation) But MNG (Multiple Network graphics) is evolving. Up to 48 bits of colour information. PNG supports three main image types: true-colour, greyscale and palette-based ("8-bit"). JPEG only supports the first two; GIF only the third. Alpha Channels: Also known as a mask channel, an alpha channel is simply a way to associate variable transparency with an image. Whereas GIF supports simple binary transparency--any given pixel can be either fully transparent or fully opaque--PNG allows up to 254 levels of partial transparency in between for "normal" images. Better interlacing (two-dimensional) than GIF.

JPEG2000 Again developed by Joint Photographic Experts Group and now it is an ISO standard. It uses Wavelet transform instead of DCT. Superior quality than JPEG. Developed for low-bit rates. Region of interest (ROI) coding. Good error resilience in noisy environments. Progressive transmission. Very good rate-distortion optimization. etc.