From the course: Developing for Web Performance
Unlock this course with a free trial
Join today to access over 22,700 courses taught by industry experts.
Image quality matters
From the course: Developing for Web Performance
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
-
-
-
-
-
-
Images are the leading cause of the slow web1m 17s
-
(Locked)
Image quality matters5m 5s
-
(Locked)
The image scaling hack3m 19s
-
(Locked)
Image format options6m 21s
-
(Locked)
Manual image optimization4m 27s
-
(Locked)
Automated image optimization7m 48s
-
(Locked)
Responsive images5m 42s
-
(Locked)
Lazy-loading images3m 6s
-
-
-
-
-