From the course: Developing for Web Performance
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
The image scaling hack
From the course: Developing for Web Performance
The image scaling hack
- [Narrator] If you're looking to shave every possible bit of data off your image files, I have a neat little hack for you. It turns out upscaling a photo by one hundred and fifteen percent on Photoshop, and some other advanced photo editors preserves image quality well enough that humans can't tell the difference even when looking at the images side-by-side. In other words, if you know the max size of your image you can first downscale the image by eighty-seven percent to reduce complexity, and then upscale the results to one hundred and fifteen percent to get an image that's the same size but has significantly less complexity, without anyone noticing. And with less complexity comes performance gains. Let me show you what I mean. So here we have that image I talked about in the previous movie, the one with a lot of, with very shallow depth of field that is already performing quite well. Now this is a huge image. You…
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
-
-
-
-
-