1. Lesson 9: Web Graphics

2. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility issues and lowest common denominator in audience usability Identify Scalable Vector Graphics (SVG) characteristics Identify accessibility issues and solutions related to Web images and animation

3. Digital Imaging Concepts Pixels Color depth Image resolution Palettes –Dithering

4. Raster vs.Vector Graphics Raster graphics –Also known as bitmap graphics –Use small dots to create images and colors –Best for photographs and realistic graphics Vector graphics –Store information about image in mathematical instructions that are interpreted and displayed –Best for line art, shapes and illustrations

5. Graphics Applications Vector-based drawing programs Paint programs

6. Image File Formats

7. Creating and Optimizing Images Web images and accessibility Image optimization Image slicing and splicing

8. Summary Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility issues and lowest common denominator in audience usability Identify Scalable Vector Graphics (SVG) characteristics Identify accessibility issues and solutions related to Web images and animation