- [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 can see it's zoomed into twenty-five percent right now
if I keep zooming here, this is at a hundred percent.
So this is an unreasonably large image for the web
but I'm using it on purpose because it's a very large file.
So we can see the compression really well.
All right, what I want to do here
to improve the performance of the image is go
to image size and reduce the size of the image.
So I'll go with the percent,
and reduce it to eighty-seven percent.
Now Photoshop will take away pixels
and simplify the image to scale it down
and reduce the complexity of the image and the process.
The downside is now the image is slightly smaller
than it was before, So I'll go back
to image again, image size,
and then go one hundred and fifteen instead,
one hundred and fifteen percent.
Like I said, in the beginning, if you upscale an image
to one hundred and fifteen percent,
no discernible quality is lost.
So that means I now have the same size image
but the quality and the detail
and the image is slightly reduced by Photoshop.
Now I can save this image using the same settings as before.
So I'll go to export,
export as,
I can go to quality
and set it to eighty percent.
Let's see, eighty percent, export image out,
and I want to place it inside
the scaling folders, so, soft scale PS and save.
Then you can see here that the soft scale PS,
the file, is one point seven megabytes,
whereas the soft PS, so the one
that was before the scaling was done is two point five.
Then I can go to squoosh, and upload this soft scale PS file
to squoosh, set the same compression settings,
so seventy-five percent.
Here, I get a file of three hundred and eighteen kilobytes
that I can download and move over into my folder here.
And you can see here the squoosh difference
is only, what is it, like fourteen kilobytes?
But, it's still a significant performance enhancement.
So like I said, if you want to squeeze as much performance
as possible out of your images, a weird hack like this,
reducing the size of each image by eight-seven percent,
and then upscaling it by
one hundred and fifteen percent, will actually
impact the performance of the image as well.
And if you put these images side by side
you will not be able to tell the difference
because the difference is on a computer level
it's not on a human readable level.
So there's performance enhancement
in pretty much everything you do with images
including how you scale them.