From the course: Developing for Web Performance

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Image quality matters

Image quality matters

- [Instructor] Before we look at the technical aspects of optimizing images for the web, let me show you something I found very surprising when I first learned it. The quality of the images you see in web applications make a significant impact on performance. And when I say quality here, I'm not talking about the resolution fidelity of the image. I'm talking about actual photographic quality. You see, image performance is all about how much data is contained within an image and how easy it is to compress that data. The more complex the image, the larger the data set necessary to display it and the more difficult it is to compress. This idea requires a practical example. So I took my camera and I went and took a couple of pictures of some toys that my kid was playing with. So here is one picture. This is taken with an aperture value of f/16. So there's quite a lot of depth of field in the image. And this is another image.…

Contents