Learn all about images on the web! Topics include current formats, how browsers load images, and upcoming formats.

Start with a review of image formats commonly used on the web today: JPEG, GIT, PNG, SVG, and WebP. Find out what each format is good for, as well as when and how to use them.

Then dig into the surprisingly complicated loading process of pages and images in the browser and the implications for site optimization.

Finally, dive into newer formats like AVIF, JPEG XL, and WebP2, and how to begin using those in your projects.