Welcome to Learn Images!
An in-depth course on images for the web.
A brief history of images on the web
A history of images on the web, starting with the image element in 1993
Key performance issues
Learn ways to ensure that your image requests are as small and performant as possible.
Image formats: GIF
Understand the GIF image format, along with an explanation of how image encoding works.
Image formats: WebP
Learn about WebP, and understand the difference between this format and others.
Image formats: AVIF
AV1 Image File Format (AVIF) is an encoding based on the open source AV1 video codec.
Descriptive syntaxes
Using srcset and sizes to provide the browser with information about image sources and how they'll be used.
Automating compression and encoding
Make generating highly performant image sources a seamless part of your development process.
Site Generators, frameworks, and CMSs
Discover how CMSs such as WordPress, and other site generators can make it easier to use responsive images.
Image content delivery networks
Learn how image CDNs have the ability to transform and optimize the contents of an image.