NIMAS Images and File Size Julia Myers Nicole Gaines January 29, 2008.

Slides:



Advertisements
Similar presentations
APH as an Accessible Media Producer: A Status Report Julia Myers Nicole Gaines January 2008.
Advertisements

NIMAC UPDATE Julia Myers Nicole Gaines January 2008.
APH as an Accessible Media Producer: A Status Report Julia Myers January 2010.
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
Dan Sadler Montgomery County Department of Information Systems & Telecommunications - GIS Team (DIST-GIS) Map Gallery.
WHAT IS SVG?. SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines the graphics in XML format SVG.
Introduction to Computer Graphics
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Raster vs Vector and Image Resolution By Josh Gallagan.
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.
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.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
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,
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
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.
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.
Analogue to Digital 30 th Sept Reflections on this activity Please answer the following questions on your wiki, before submitting the work. How.
Photoshop Software Rasterized, file formats, and printing choices.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Understanding Images on the Computer How do images work and why?
Graphics and Images Communicating Information : Documents and Publications.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
+ 5 Things you need to know about images* *Images for the web.
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.
_______________________________________________________________________________________________________________ PHP Bible, 2 nd Edition1  Wiley and the.
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.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
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
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
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.
GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
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.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
WHAT IS SVG?. ESSENTIAL QUESTIONS What challenges do mobile devices present to Web designers? What are the basic concepts of responsive web design?
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Exploring Computer Science - Lesson 3-4
What is SVG?.
Pixel, Resolution, Image Size
Scalable vector graphics
Image Formats.
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.
Exploring Computer Science - Lesson 3-4
Digital Images.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Digital Images.
An Introduction to Scanning and Storing Photographs and Graphics
Graphics Basic Concepts.
Web Design and Development
2.01 Investigate graphic image design.
Web Programming– UFCFB Lecture 7
2.01 Investigate graphic image design.
What is SVG?.
2.01 Investigate graphic image design.
Presentation transcript:

NIMAS Images and File Size Julia Myers Nicole Gaines January 29, 2008

Image File Size and Image Quality Image file sizes, expressed in bytes, increase with the number of pixels in the image, and the color depth of the pixels. Although from a pragmatic perspective the accumulated storage represented by the images in NIMAC depository items presents challenges in how the materials are transmitted, preserving the appropriate size and resolution of images continues to be important. The size of any individual image in itself does not pose as much of a problem as the difficulty of transmitting packages that may include hundreds or even thousands of images.

Resolution, Resolution, Resolution! Images should be a minimum of 300 DPI for print and 400 DPI if an image includes text. Photographic printing typically occurs at 1200 DPI. Web images should be DPI, which is far below standards for print media. 72 DPI corresponds to the resolution of most PC monitors. DPI=Dots per inch

More about resolution … How an image was ORIGINALLY acquired determines its resolution. Resolution and size are inversely proportional. Enlarging an image lowers resolution.

Image File Size and Image Quality Lossless compression Lossless compression algorithms reduce file size with no loss in image quality, though they usually do not compress to as small a file as a lossy method does. Lossless compression can rarely do much better than 2:1 compression.

Image File Size and Image Quality Lossy compression Lossy compression algorithms allow for variable levels of quality (compression) and as these levels are increased, file size is reduced but quality deteriorates. This deterioration is known as compression artifacting.

NIMAS Image Formats: JPEG JPEG is a lossy format. JPEG stands as the most widely used image format, especially for images used on the Web. JPEG uses an algorithm that results in some irretrievable loss of data. JPEG can be applied at varying levels. More aggressive application of JPEG compression results in smaller file sizes, but more loss of information. In most cases the loss is technical. Even with data loss, degradation of the visual perception of the image can be very minimal.

More about JPEG … JPEG can produce a smaller file than PNG for photographic (and photo-like) images since it uses a lossy method specifically designed for photographic image data.

Improved JPEG Formats There are 3 lossless or near lossless JPEG formats: Lossless JPEG, JPEG LS, JPEG Of the 3, JPEG 2000 is more widely supported but offers worse compression ratios.

JPEG 2000 JPEG 2000 uses a different compression, based on wavelets, that has many benefits over the original JPEG specification. JPEG2000 uses a lossless method, which limits the file size reduction options. JPEG 2000 is gaining a wider level of adoption. Motion JPEG 2000 is increasingly used for video rather than the traditional MPEG-2 approach.

NIMAS Image Formats: PNG PNG is a lossless format. PNG (Portable Network Graphics) has come into wider use in the last two years. PNG applies a less aggressive compression and does not result in the technical loss of data. Given that the algorithm does not allow data loss, the maximum level of compression results in larger file sizes than is possible with JPEG images, which can be compressed to extremely small file sizes, but with ever increasing loss of image data and visual quality.

PNG vs. JPEG PNG files seem large when compared to JPEG files that have been aggressively compressed at levels that lose data to the point where they are visually apparent. However, using PNG instead of a high-quality JPEG for some images can result in a large increase in file size (often 5–10 times) with negligible gain in quality.

More about PNG PNG is a better choice than JPEG for storing images that contain text, line art, or other images with sharp transitions. PNG useful for saving temporary photographs that require successive editing. After editing, the image can then be saved as a JPEG, and limiting image quality loss to just one generation.

NIMAS Image Formats: SVG SVG is not a raster graphic. Scalable vector graphics are XML based and compress well. NIMAC has not received any of these image files to date, but would anticipate smaller file sizes with SVG. SVG scales well without image quality loss, but work continues to have full SVG native support in all major browsers.

Creating Image Files Many factors come into play when converting graphics files into compressed images. The original images may differ according to the native resolution and the level of color data. JPEG images tend to be smaller because the tools used for creating the images allow the user to choose among levels of compression.

Image File Size Implications: Size Matters Images, their number and size, drive NIMAS File size. NIMAS File Sets are commonly 2-3 GB in size and may reach 12 GB in size--or more. NIMAS Textbook Files contain thousands of images. File size can mean slow downloading, even for those with fast connections. Format matters: PNGs are typically 5-10 times larger than JPEG. NIMAS File size in context: typically a 90-minute movie is less than 1 GB. (This is due to compression method used for MPEG.)

Impact on NIMAC Users File sizes are currently a considerable obstacle for users attempting to download files. PNG images can be up to 10 times larger than JPEG files, yielding file sets that are several GB in size. PNG does not appear to provide significant advantages over JPEG given current production methods for large print and tactile graphics.

300 DPI and Large Print Production The only useful "300 DPI" image for print production is one that was created/saved originally at that resolution. Upsampling or saving lower DPI in higher resolution degrades image quality. Saving a publisher provided low resolution image that may be sufficient quality in regular print so it can be reproduced in large print does not produce a quality image, even if resaved at 300 DPI.

NIMAC Recommendations SVG will continue to be the preferred format; however, 300 DPI JPEG will be preferred over PNG for the time being. PNG will still be accepted by NIMAC. PNG images should not be converted to JPEG if PNG is the format saved from the native program.

How to Reach Us ( NIMAC)