Images, video and audio
Google Developers Logo

Progressive Web App Road Show 2016

Stopping in New York, Chicago, Austin, Toronto, Mountain View and Seattle. Learn more and sign up now.


A picture is worth 1000 words, and images play an integral part of every page. But they also often account for most of the downloaded bytes. With Responsive web design not only can our layouts change based on device characteristics, but images as well.

  1. Images
  2. Images in markup
  3. Images in CSS
  4. Use SVG for icons
  5. Optimize images for performance
  6. Avoid images completely


Learn about the simplest ways to add video to your site and ensure users get the best possible experience on any device.

  1. Video
  2. Add a video
  3. Provide alternatives for legacy platforms
  4. Size videos correctly
  5. Customize the video player
  6. Accessibility matters
  7. Quick reference

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Terms of Service.