Working with Responsive Images

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


Duration: 6:50
11,929 views
198

There are two major issues to consider when working with images on the web: performance and responsiveness. This video describes a set of techniques to make your images load as quickly as possible and work well in any form factor.

Codelabs, slides and more information are available from the Progressive Web Apps Training home page: https://developers.google.com/web/ilt/pwa



Other Videos By Chrome for Developers


2017-05-10The Design Responsibility of Developers -- Designer vs. Developer #5
2017-05-09Saving Bandwidth with Images (The Standard, Ep. 8)
2017-05-05How to check for accessible colors -- A11ycasts #17
2017-05-02Handle Back and Forwards (The Standard, Ep. 7)
2017-04-26Discoverability & Analytics
2017-04-26Payment Integration
2017-04-26Intro to Web Push & Notifications
2017-04-26Gulp Setup
2017-04-26Offline Quickstart
2017-04-26Intro to PWA Architectures
2017-04-26Working with Responsive Images
2017-04-26New Techniques for Responsive Design
2017-04-26SW Precache and SW Toolbox
2017-04-26Working with Live Data in the Service Worker
2017-04-26Working with Indexed DB
2017-04-26Working with Promises
2017-04-26Auditing an Existing Site with Lighthouse
2017-04-26Caching Files with the Service Worker
2017-04-26Working with the Fetch API
2017-04-26Introduction to Service Workers
2017-04-26Core Technologies


Tags:
Chrome
Developers
Google
Web
Google Developers
India
Progressive Web Apps
PWA
viewport sizes
devices
responsive-design
responsive
images
responsive images
performance
srcset
sizes
image
responsive image
picture element
multiple devices
web applications
web apps
progressive web applications
mobile web
mobile web applications
web development
product: web
fullname: Sam Dutton
Location: SYD
Team: Scalable Advocacy
Type: DevByte
GDS: Full Production