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:

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Digital Multimedia.
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.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
ETT 429 Spring 2007 Digital Photography/Scanners.
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
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.
Image and Sound Editing Raed S. Rasheed Image Image. Digital image. – Raster images. – Vector Images. – Stereo Images. – Image File Formats Lossless.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Comparison of image compression algorithms ECE-533 Paula Aguilera.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Chpater 3 Resolution, File Formats and Storage. Introduction There are two factors that determine the quality of the picture you take; The resolution.
Department of Physics and Astronomy DIGITAL IMAGE PROCESSING
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Robert Guyan May 2005 Robert Guyan May 2005 Digital Camera Session 1 Camera Equipment Pixels & Resolution Definitions Settings: Mode Dial, Quality, Resolution.
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.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Graphics and Images Communicating Information : Documents and Publications.
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.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.
Graphics workshop Library and Information Services University of St Andrews.
Marr CollegeHigher ComputingSlide 1 Higher Computing: COMPUTER SYSTEMS Part 1: Data Representation – 6 hours.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Raster Graphics 2.01 Investigate graphic image design.
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.
Graphics Concepts Presentation
Information Technology Images: Types, Resolution and Techniques.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
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.
HTTP transaction with Graphics HTML file + two graphics files.
In the Know … Technological Vocabulary. Beginning Terms 1. Aperture – the mechanical opening in the lens that lets light in. 2. ASA / ISO – rating given.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
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.
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.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Computer Science Higher
2.01 Understand Digital Raster Graphics
Image Formats.
Digital Image Formation
Sci Vis I Exam Review Unit 6 File Formats.
2.01 Investigate graphic image design.
Graphics Basics Ellen Eyth.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Digital Images.
Image File Size and File Compression
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
Representing Images 2.6 – Data Representation.
Web Design and Development
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Investigate graphic image design.
Presentation transcript:

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: We measure resolution in pixels per inch or more commonly, dots per inch (dpi). Resolution is the number of pixels per inch (or PPI), but it is most commonly referred to as dots per inch (DPI). The more pixels, or “dots,” per inch, the higher your image resolution will be.

Memory cost of images Large images consume large memory and make our computers struggle. Memory cost for an image is computed from the image size. For a 6x4 inch image at 150 dpi, the image size is calculated as: (6 inches × 150 dpi) × (4 inches × 150 dpi) = 900 × 600 pixels 900 × 600 pixels is 900 × 600 = 540,000 pixels. The memory cost for this RGB color image is: 900 × 600 × 3 = 1.6 million bytes. The last "× 3" is for 3 bytes of RGB color information per pixel for 24 bit color (3 RGB values per pixel, one 8-bit byte for each RGB value, which totals 24 bit color). Assume 240 dpi is fine for our needs. 240 dpi means, there are 240 distinct pixels. Multiply 5" X 240 = 1,200 pixels. 7" X 240 = 1,680 pixels. Total number of pixels is width X length or 2,016,000 pixels. Mega is the short prefix for million... this is a 2 megapixel camera

Here's a chart to help get you started: Resolution Max picture size w/interpolation 640 x 480 (.3 mp) 3" x 4" 960 x 1200 (1.1 mp) 5" x 7" 1300 x 1600 (2 mp) 8" x 10" 1600 x 2000 (3 mp) 9 1/2" X 11 1/2" 2100 x 3100 (6.2 mp) 12 1/2" x 18 1/2"

Basic image formats Image file compression There are two types of image file compression algorithms: lossless and loss. Lossless compression :algorithms reduce file size without losing image quality, though they are not compressed into as small a file as a lossy compression file. When image quality is valued above file size, lossless algorithms are typically chosen. Lossy compression :algorithms take advantage of the inherent limitations of the human eye and discard invisible information.

Image formats. BMP: ( bitmap) TIFF: (Tagged Image File Format) PNG:(Portable Network Graphics ) GIF: (Graphics Interchange Format ) JPEG: (Joint Photographic Experts Group )

FORMATNAMECHARACTERISTICS BMPWindows bitmapUncompressed format TIFFTagged Image File FormatLossless: Document scanning and imaging format. Flexible GIFGraphics Interchange Format LOSSLESS: captures very limited color PNGPortable Network GraphicsLossless: improve and replace GIF.. JPEGJoint Photographic Experts Group Lossy: big compression ratio, good for photographic images

1 bit (binary digit) = the value of 0 or 1 8 bits = 1 byte 1024 bytes = 1 kilobyte 1024 kilobytes = 1 megabyte 1024 megabytes = 1 gigabyte 1024 gigabytes = 1 terabyte 1024 terabytes = 1 petabyte