YoVDO

Srcset and Sizes Attributes - Images on the Web Part One

Offered By: Kevin Powell via YouTube

Tags

Image Optimization Courses HTML Courses Responsive Web Design Courses

Course Description

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

Related Courses

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera