Responsive Web Images
Offered By: Pluralsight
Course Description
Overview
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.
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.
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.
Syllabus
- What Are Responsive Web Images? 6mins
- Image Types 26mins
- Responsive Image Use Cases 9mins
- Responsive Image Techniques 45mins
- Maximizing Performance 27mins
Taught by
Robert Boedigheimer
Related Courses
Responsive Web Design FundamentalsGoogle 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