Featured resource
2025 Tech Upskilling Playbook
Tech Upskilling Playbook

Build future-ready tech teams and hit key business milestones with seven proven plays from industry leaders.

Check it out
  • Course
    • Libraries: If you want this course, consider one of these libraries.
    • Core Tech

Responsive Web Images

Images make up more than 60% of the average web page's size today. This course will teach you how to efficiently provide the most appropriate image for the design and device.

Robert Boedigheimer - Pluralsight course - Responsive Web Images
Robert Boedigheimer
What you'll learn

Images make up more than 60% of the average web page's size today. Responsive Web Design has become very popular for multi device support, but has been dogged by poor performance. In this course, Responsive Web Images, you will learn about image types, optimization techniques, and various approaches for selecting the best image for each situation. First, you'll learn the basics of responsive web design and how the most critical success factor is properly handling images. Then, you'll learn the differences between raster and vector images and discuss major raster image types. Finally, you'll learn the 4 major use cases for responsive web images, as well as the major approaches to responsive image techniques like JavaScript, picture element, srcset, and Client Hints. By the end of this course, you'll have a solid understanding of responsive web images which will allow you to optimize your own websites to be efficient as possible.

Table of contents

About the author
Robert Boedigheimer - Pluralsight course - Responsive Web Images
Robert Boedigheimer

Robert is a Microsoft MVP, a Progress Developer Expert (Fiddler), and a 3rd degree black belt in Tae Kwon Do. He regularly speaks at national and international events.

Get access now

Sign up to get immediate access to this course plus thousands more you can watch anytime, anywhere.

Get started with Pluralsight