Image formats
Set up
You’ll be shown an image—we’ll discuss together what format it should be exported
The checkerboard isn’t part of the images—it’s giving you helpful information
Don’t look ahead—the answers are within!
№ 1

№ 2

№ 3

№ 4
№ 5
№ 6

№ 7

№ 8
- SVG — simple graphic
- JPG — complex photograph
- JPG — too complex for anything else
- PNG — can’t be reproduced easily with SVG
- SVG — SVGs can have effects
- SVG — and animations!
- SVG + JPG + PNG — SVG using PNG mask & JPG image
- SVG + HTML + CSS — SVG for graphic, text as live text