Skip to content

Latest commit

 

History

History
80 lines (65 loc) · 1.65 KB

image-formats.md

File metadata and controls

80 lines (65 loc) · 1.65 KB
layout title desc group_work slides
slide-deck
Images formats
A group activity to practice quickly determining the correct image format and how to correctly implement the image into a website.
true
type content
super-big-text
**Image formats**
type content
big-text
## 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!**
type checkerboard image caption
figure
true
image-1.svg
№ 1
type checkerboard image caption
figure
true
image-2.jpg
№ 2
type checkerboard image caption
figure
true
image-3.jpg
№ 3
type checkerboard image caption
figure
true
image-4.png
№ 4
type checkerboard image caption
figure
true
image-5.svg
№ 5
type checkerboard image caption
figure
true
image-6.svg
№ 6
type checkerboard image caption
figure
true
image-7.png
№ 7
type checkerboard image caption
figure
true
image-8.png
№ 8
content
1. SVG — simple graphic 2. JPG — complex photograph 3. JPG — too complex for anything else 4. PNG — can’t be reproduced easily with SVG 5. SVG — SVGs can have effects 6. SVG — and animations! 7. SVG + JPG + PNG — SVG using PNG mask & JPG image 8. SVG + HTML + CSS — SVG for graphic, text as live text