Week 4A – Notes: Imagery

– Image Types + Optimization

– Optimize Image you created

– HTML Assessment

Image Optimization

Best Quality Image at the Smallest File Size.

When working with web imagery:

Always work in pixels (not inches)

Always work in RGB Color mode (not CMYK)

Always work in 72dpi

KB < MB < GB < TB

The 3 FIles Types for Imagery in Web:

.gif

.jpg

.png

.gif

+ supports animation

+ images with 256 colors or less – flat color or vector style

+ supports transparency

– poor image quality

.jpg

+ supports millions of colors / best for photos and gradations

+ THE BEST image compression format

– does not support transparency

.png

+ supports transparency with millions colors / photos and gradations

– not as small file compression

png 8 and png 24

png 8 like a gif – for flat color (256 colors)

png 24 is like jpg – can support millions of colors

<img src=”nameofimagepath.something” alt=”words to describe the image” />

Purpose of alt attribute: to describe image if it can not be seen and SEO.