Serving scaled image

[Frode789]

So I have a bg image, using the backstretch option in style properties. gtmetrix is complaining that it is not served as "scaled", recommending using "srcset" to specify this.
If I scale the image down to 1366x768 in photoshop, then the image will be of horrible quality... So not sure why I'd want to do that.. Suggestions?

• https://www.theaocdungeon.com/styles/omni/xenforo/background.jpg is resized in HTML or CSS from 3456x1944 to 1366x768. Serving a scaled image could save 766.2KiB (84% reduction).

 

[Russ]

Actually rather than scaling it in photoshop, have you ran it through an image optimizer?

https://kraken.io/
http://optimizilla.com/

The srcset would essentially be inserting an image and defining multiple images per width which essentially you'll need approach outside of backstretch.

Try the optimizer first, see if that improves it.

 

[Frode789]

I have, actually. I've used kraken to reduce it from 4 MB to 900 KB. And I have an addon doing this automatically for every images uploaded by users.

I guess this isn't a big deal though, just annoys the heck out of me that it gives me and F because of this image not being "served scaled"..