A group activity to practice quickly determining the correct image format and how to correctly implement the image into a website.

Go fullscreen: ⌃⌥F

Image formats

What & why

Each image format has a preferred use, an ideal level of detail & high DPI characteristics.

We need to choose the best image format for each specfic image: for the highest clarity & lowest filesize.

Getting some practice by looking at images and determining the best format will help your designs.

Instructions

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.

The answers are hidden in the “i” notes—don’t cheat!

№ 1

№ 2

№ 3

№ 4

№ 5

№ 6

№ 7

№ 8

Start

A group activity to practice quickly determining the correct image format and how to correctly implement the image into a website.