Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Srcset and Sizes Attributes - Images on the Web Part One

Kevin Powell via YouTube

Start learning Write review
Datacamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More → Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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

Reviews

Start your review of Srcset and Sizes Attributes - Images on the Web Part One

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.