Reduce image size: use srcset to automatically choose the right image

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=SyVKRnusyqM


Duration: 3:34
60,278 views
1,844

Use the srcset attribute to enable web browsers to automatically choose the correct image size for any device.

Check out this accompanying article for further detail and step by step guides: https://web.dev/use-srcset-to-automatically-choose-the-right-image/

Still have questions regarding srcset to automatically choose the right image? Use #AskChrome on Twitter to send them to the Chrome team!

Srcset → https://goo.gle/2IKRocS
Responsive images → https://goo.gle/2F9uNFZ

Series playlist → https://www.youtube.com/playlist?list=PLNYkxOF6rcICVl6Vb-AFlw81bQLuv6a_P

Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs



Other Videos By Chrome for Developers


2019-06-27Reduce image size: use media queries for background images
2019-06-25Handling updates offline-first - HTTP 203
2019-06-20Faster Web Navigation with Predictive Prefetching
2019-06-19Web as a building block for emerging technologies
2019-06-18Web Components: The Secret Ingredient Helping Power The Web
2019-06-17Easier payments for Progressive Web Apps - Progressive Web App Training
2019-06-17Send and receive push messages - Progressive Web App Training
2019-06-17Use VAPID to secure push messages - Progressive Web App Training
2019-06-17Display notifications - Progressive Web App Training
2019-06-17Introduction to the Web Perception Toolkit
2019-06-13Reduce image size: use srcset to automatically choose the right image
2019-06-11Four silly browser hacks - HTTP 203
2019-06-05The State of Images - The State of the Web
2019-06-05Introduction to Web Push & Notifications - Progressive Web App Training
2019-06-05Implementing OAuth 2 in PWAs - Progressive Web App Training
2019-06-04Chrome 75 - What’s New in DevTools
2019-06-04New in Chrome 75: Reduced latency on canvas, web share gets better, and more!
2019-05-30Find your biggest website problems quickly with Chrome DevTools
2019-05-28How we got into web development - HTTP 203
2019-05-20Working with live data in the service worker - Progressive Web App Training
2019-05-20Indexing your PWA (Discoverability & SEO) - Progressive Web App Training


Tags:
srcset
responsive images
image optimization
chrome developers
google chrome developers
google developers
reduce image size
use srcset
GDS: Yes;