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,

Slides:



Advertisements
Similar presentations
Multimedia Mr. Sanchez.
Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
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.
Dan Sadler Montgomery County Department of Information Systems & Telecommunications - GIS Team (DIST-GIS) Map Gallery.
ETT 429 Spring 2007 Digital Photography/Scanners.
2.01 Understand Digital Raster Graphics
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
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.
File Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.
Introduction to Graphic Arts Technology PRINT Versus WEB.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
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.
All About File Formats Mr. Butler John Jay High School Department of Technology.
File Sizes & Types. Size Matters Kilobytes (K) 1024 bytes = 1 kilobyte— a tiny trademark graphic or log might be a few kilobytes in size, whereas a full.
Photoshop Software Rasterized, file formats, and printing choices.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Graphic File Formats Week 11 Lecture 1. Graphic File Formats Standardized ways to organise and store image data Image files are made up of picture elements.
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:
Graphics workshop Library and Information Services University of St Andrews.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, 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.
 JPEG is a standardized image compression mechanism.  JPEG stands for Joint Photographic Experts Group.  JPEG is designed for compressing either full-
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Using the Sony DSC-P52 Camera Sunday, December 06, 2015.
Raster Graphics 2.01 Investigate graphic image design.
Digital Images are represented by manipulating this…
Graphics Concepts Presentation
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
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.
Vocabulary Worksheet Answers
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.
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.
ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging 1 GGC -- ITEC Digital Media.
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
Understanding Web Graphics
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Web Graphics 101 Web Image File Formats Image Optimization
2.01 Understand Digital Raster Graphics
Digital Photo editing with Photoshop
Image Formats.
Sci Vis I Exam Review Unit 6 File Formats.
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
2.01 Investigate graphic image design.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
A computer display is made up of small squares, called pixels.
Image File Size and File Compression
1.01 Investigate graphic types and file formats.
An Introduction to Scanning and Storing Photographs and Graphics
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Photoshop: Creating and Preparing Images for the Web
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:

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, scanning and internet use, are TIF, JPG and GIF. However, TIF cannot be used yet in native internet browsers (but can be “shelled-out” to helper programs). All editor programs like Adobe Photoshop or Adobe Elements support these file formats, which will generally support and store images in the following colour modes with RGB (Red Green Blue) colours:

Colour Modes – TIFF File typeColour data mode - Bits per pixel TIFF (Tagged Image File Format) RGB - 24 or 48 bits, Grayscale - 8 or 16 bits, Indexed colour - 1 to 8 bits, Line Art (bilevel compression) - 1 bit for TIF files Most programs allow either no compression or LZW compression (lossless, but is less effective for 24 bit colour images). Adobe Photoshop also provides JPG or ZIP compression too (but which greatly reduces third party compatibility of TIF files). "Document programs" allow ITCC G3 or G4 compression for 1 bit text (Fax is G3 or G4 TIF files), which is lossless and tremendously effective (small).

Colour Modes - PNG File typeColour data mode - Bits per pixel PNG (Portable Network Graphic), pronounced ‘Ping’ RGB - 24 or 48 bits, Grayscale - 8 or 16 bits, Indexed color - 1 to 8 bits, Line Art (bilevel compression) - 1 bit PNG uses ZIP compression which is lossless, and slightly more effective than LZW (slightly smaller files). PNG is a newer format, designed to be both versatile and royalty free, back when the LZW patent was disputed.

Colour Modes - JPG File TypeColour data mode - Bits per pixel JPG/JPEG (Joint Photo-graphic Experts Group) RGB - 24 bits, Grayscale - 8 bits JPEG always uses lossy JPG compression, but its degree is selectable, for higher quality and larger files, or lower quality and smaller files.

Colour Modes - GIF File Type GIF (Graphic Image File) Indexed colour - 1 to 8 bits GIF uses lossless LZW compression, effective on indexed colour. GIF files contain no dots per inch (dpi) information for printing purposes.

Memory Cost of Images E.g Image size is 3000 x 2000 pixels, this equals 6 million pixels (6 megapixels). If this 6 megapixel image data is RGB colour (if 24 bits, or 3 bytes per pixel of RGB colour information), then the size of this image data is 6 million x 3 bytes RGB = 18 million bytes. File compression like JPG or LZW can make the file smaller, but when you open the image on a PC for use, the JPG may not still have the same image quality due to lossy compression, but it is always still 3000 x2000 pixels and 18 million bytes.

Memory Cost of Images (2) 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 dots per inch (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 colour image is: 900 × 600 × 3 = 1.6 million bytes. The last "× 3" is for 3 bytes of RGB colour information per pixel for 24 bit colour (3 RGB values per pixel, one 8-bit byte for each RGB value, which totals 24 bit colour).

Appropriate File Types PropertiesPhotographic Images Graphics, including Logos or Line art Image Types: Photos are continuous tones, 24 bit colour or 8 bit Gray, no text, few lines and edges Graphics are often solid colours, up to 256 colours, with text or lines and sharp edges For Very Best Quality TIF or PNG (lossless compression and no JPG artifacts) PNG or TIF (lossless compression, and no JPG artifacts) Smallest File Size JPG with a higher Quality factor can still be a small file size. TIF LZW or GIF or PNG (graphics/logos without gradients normally permit indexed colour of 2 to 16 colours for smallest file size) Max.Compatibility (PC, Mac, Unix) TIFF or JPGTIFF or GIF Worst Choice 256 colour GIF is very limited, and is a larger file than 24 bit JPG JPG compression adds artefacts, smears text and lines and edges

Image Application Web pages require JPG or GIF or PNG image types, because that is all that browsers can show. On the web, JPG is the best choice (smallest file, with quality being less important than size) for photo images, and GIF is common for graphic images. GIF was designed for modems by CompuServe in 1987, for earliest 8 bit video, and so GIF contains no printing dpi information, and is out of date for 24 bit photos now, but GIF still works quite well for video graphics on the internet. Other than the web, the TIF file format is the undisputed leader when best quality is required so TIF is very common in commercial or professional printing environments. High Quality JPG are good too, but do not ruin them by making them too small. If the goal is high quality, then only consider making JPG large instead, and plan your work so you can only save them one or two times (as quality is lost every time you edit/save them).