Overview
Explore the power of srcset and sizes attributes for optimizing image loading on the web in this informative video. Learn how to reduce bandwidth for users on lower-end devices while ensuring high-quality images for high-end devices. Discover the benefits and challenges of implementing these attributes in HTML, including the unusual inclusion of media queries in markup. Gain practical insights through code examples and access additional resources for further study on responsive images and web optimization techniques.
Syllabus
Intro
Why srcset matters
Saving bandwidth
Source set
Responsive mode
Image size
Image width
Image sizes
Not for resizing
Outro
Taught by
Kevin Powell