Digital Image Formats: An Explanation Guilford County SciVis V106.01.

Slides:



Advertisements
Similar presentations
Unit 30- Digital Graphics THEORY P2 and D2
Advertisements

Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.
2.01 Understand Digital Raster Graphics
Graphics in the web Digital Media: Communication and Design
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.
8.2 PICTURE IT Graphic Types and Their Uses. What Are Graphics?  Graphics are pictures/images  They could be images taken on a digital camera or scanned.
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 Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.
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.
Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
Comparison of image compression algorithms ECE-533 Paula Aguilera.
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.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Digital Imaging Utah State University Extension Eric Hawley.
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.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Photoshop Software Rasterized, file formats, and printing choices.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Data Compression. Compression? Compression refers to the ways in which the amount of data needed to store an image or other file can be reduced. This.
Digital Image Formats: An Explanation Guilford County SciVis V
Vocabulary Words. 2-stage shutter release is a shutter release, that when pressed halfway, it activates the autofocus and the light meter of the camera,
How Analog and Digital Recording Works Analog converted to digital via an ADV (Analog to Digital Converter = stream of numbers) On playback: digital converted.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.
10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.
Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color.
Things to Remember When working with digital images.
Using the Sony DSC-P52 Camera Sunday, December 06, 2015.
Raster Graphics 2.01 Investigate graphic image design.
Media Types Information Systems can contain the following types of media: Sound, graphics, video & text.
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.
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.
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.
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.
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.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
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.
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Image Formats.
How to Convert Pictures into Numbers
Sci Vis I Exam Review Unit 6 File Formats.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
File Formats.
JPG vs GIF vs PNG What is the difference?
"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.
Digital Images.
Image File Size and File Compression
Digital Image Formats: An Explanation
Representing Images 2.6 – Data Representation.
Web Design and Development
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
timo. fi (59003) www. biocenter
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Creating Digital Graphics
Presentation transcript:

Digital Image Formats: An Explanation Guilford County SciVis V106.01

An Explanation of Digital Formats An explanation  Why so many file formats?  How are they used?  One reason is compression, lossy or lossless.  Another reason is the number of colors to be used.

An Explanation of Digital Formats Lossy vs. lossless compression  Lossy compression loses some part of the file.  Lossless compression does not lose any part of the compressed file. LZW is an example of a lossless compression algorithm. Lossy compression will be missing part of the file to save space.

An Explanation of Digital Formats Number of colors  Images have differing numbers of color within them.  Black and white images take up the least amount of space with 1 bit of information.  Current video cards are able to display 24 bits of color per pixel.  This makes it possible for 16 million colors to be displayed (2 24 colors).  This requires a significant amount of disk space.

An Explanation of Digital Formats The file types - TIFF  TIFF can be lossless or lossy.  The details of the image storage algorithm are included as part of the file.  TIFF is used almost exclusively as a lossless image storage format that uses no compression at all.  Most graphics programs that use TIFF do not use compression.  File sizes are quite big. (Sometimes LZW is used, but it is not universally supported.)

An Explanation of Digital Formats The file types - PNG  PNG is a lossless storage format.  It looks for patterns in the image that it can use to compress file size.  The compression is exactly reversible, so the image is recovered exactly.

An Explanation of Digital Formats The file types - GIF  GIF creates a table of up to 256 colors from a pool of 16 million.  If the image has fewer than 256 colors, GIF can render the image exactly.  GIF is "lossless" only for images with 256 colors or less. For a rich, true color image, GIF may "lose" % of the colors.

An Explanation of Digital Formats The file types - JPG  JPG is optimized for photographs and similar continuous tone images that contain many, many colors.  It can achieve astounding compression ratios even while maintaining very high image quality.  It stores information as 24 bit color.  The degree of compression of a JPG is adjustable.

An Explanation of Digital Formats The file types - BMP  BMP is an uncompressed proprietary format invented by Microsoft.  There is really no reason to ever use this format.

An Explanation of Digital Formats The file types - PSD  PSD is a proprietary format used by Photoshop.  This is the preferred working format to edit images in the software  This package uses layers to build complex images, and layer information may be lost in the nonproprietary formats such as TIFF and JPG.  However, it is best to save the product as a TIFF or JPG, so it can be viewed in the future when software changes.

An Explanation of Digital Formats The file types - Summary  TIFF files are generally large.  PNG compression can be reversed if needed.  GIF results in lose of color information.  JPG are the best in terms of compressed files.  BMP should be rarely, if ever used.  PSD is exclusive to Photoshop.

An Explanation of Digital Formats File size comparisons  TIFF (901 kb) ormats/uncompr.tif ormats/uncompr.tif  JPG (301 kb) ormats/HiQ.jpg ormats/HiQ.jpg  PNG (741 kb) ormats/png.png ormats/png.png  GIF (131 kb) ormats/optmedcut.gif ormats/optmedcut.gif

An Explanation of Digital Formats When should you choose each?  TIFF – This is usually the best quality output from a digital camera.  JPG – This is the format of choice for nearly all photographs on the web.  GIF - For images with fewer than 256 colors and large areas of uniform color like cartoons. Do NOT use GIF for photographic images  PNG - For images with large areas of exactly uniform color, but more than 256 colors Also, for display of photographs exactly without loss of quality on the web.

An Explanation of Digital Formats The end

An Explanation of Digital Formats Reference  Matthews, R. (2007). Digital image file types. Retrieved June 21, 2007 from phics/formats/formats.html.