A new deep dive into image performance on the web

We've published a new course, Learn Images, written by Mat Marquis. It's aimed at both beginners and experienced developers, covering the full lifecycle of images: how to request and render them efficiently, and how formats are communicated between server and client.

The goal is to help you get the smallest possible transfer sizes without visible quality loss. The material walks through the tradeoffs involved and gives you concrete markup patterns you can apply immediately.

Like our other courses, Learn Images can be taken start to finish for a complete picture of image handling on the modern web, or used as a reference for specific concepts when you need them.

Course topics

  • Image file formats and compression basics
  • Choosing the right format for the right situation
  • Responsive image markup and srcset
  • Server-client communication of image metadata
  • Performance considerations for efficient loading

Learn Images joins our growing library of courses, which now includes Learn HTML, Learn CSS, Learn Accessibility, Learn Responsive Design, Learn Forms, and Learn PWA.