SLIDE 1 everything you ever wanted to know about
missjessicatate jessicatate
SLIDE 2
What is a jpg?
SLIDE 3
Joint Photographic Experts Group
SLIDE 4
When do you use a jpg?
SLIDE 5
SLIDE 6
Lossy Compression.
SLIDE 7
What is a png?
SLIDE 8
Portable Network Graphics
SLIDE 9
Two common types of pngs
SLIDE 10
PNG-8 PNG-24
SLIDE 11
When do you use a PNG-8?
SLIDE 12
SLIDE 13
When do you use a PNG-24?
SLIDE 14
SLIDE 15
Lossless Compression.
SLIDE 16
What is a gif?
SLIDE 17
Graphic Interchange Format
SLIDE 18
When do you use a gif?
SLIDE 19
SLIDE 20
SLIDE 21
What is a svg?
SLIDE 22
Scalable Vector Graphics
SLIDE 23
SLIDE 24
supports interactivity and animation
developed by W3C
SLIDE 25
Now what?
SLIDE 26
There are three golden rules when saving images for web
SLIDE 27
- 1. Save the correct file type
SLIDE 28
- 2. Save at the correct size
SLIDE 29
- 3. Use pixels (not inches)
SLIDE 30 The great myth about DPI.
http://www.webdesignerdepot.com/2010/02/the-myth-of-dpi/
RESIZING VERSUS RESAMPLING
SLIDE 31
Retina, Oh my.
SLIDE 32
Let’s save some images.
SLIDE 33 missjessicatate jessicatate
SLIDE 34
Questions?