How to explain big reduction of 70% of image load?
Posted: Wed Jan 05, 2022 9:17 am
Hi and good day,
For the web, users are always very much focused on image optimation → to reduce image size load while retaining quality.
Recently I realized that a simple trick goes far to do just that:
An image (no1)
with 4154 * 2968 px and 1.8 MB
when I crop just one side - cut off some 20px the image load will be considerably less:
(no2) image
with 4154 * 2948 px will just have 520KB, which is 29% of the original!
Then of course scaling it down for the web will further reduce of load.
Question 1:
How to technically explain this big reduction of (in this case) 70%?
How is this possible?
If we can reduce the load so much while keeping the same quality (both had 72ppi), a cut of 20px is not a big deal (depends on the image of course).
Question 2:
How can this be used more intentionally?
/omarkn
For the web, users are always very much focused on image optimation → to reduce image size load while retaining quality.
Recently I realized that a simple trick goes far to do just that:
An image (no1)
with 4154 * 2968 px and 1.8 MB
when I crop just one side - cut off some 20px the image load will be considerably less:
(no2) image
with 4154 * 2948 px will just have 520KB, which is 29% of the original!
Then of course scaling it down for the web will further reduce of load.
Question 1:
How to technically explain this big reduction of (in this case) 70%?
How is this possible?
If we can reduce the load so much while keeping the same quality (both had 72ppi), a cut of 20px is not a big deal (depends on the image of course).
Question 2:
How can this be used more intentionally?
/omarkn