Introduction To Web Image Performance

Many of us now visit websites on a small device, such as a phone or tablet, but do you really want to wait on an image downloading that was intended for a large monitor?

Of course, we don’t! So, here is the problem…

Smaller website images download faster on smaller, mobile devices, but when scaling up to the big screen, they can look really stretched and pixelated.

And if we start with a big image, it can take too long to download, causing a bad user experience

So, how do we efficiently add images to our websites to suit all screen sizes and devices?

In this class, we will discover some techniques to help you more efficiently load images, based on the user's device, screen size, resolution, connection speed, and many more.

This class is beginner-friendly, although it is assumed you have basic HTML experience.