: What is an appropriate total page size for a homepage, including full-screen background images so that they load fast but don't look blurry? I am in a dilemma. My customer wants to put several

@Chiappetta492

This'll be a bit of a promotion (I do not own this site, nor will I have any advantage of naming them):

Kraken.io is an image optimise website. The compress your image to the absolute minimum size, without quality loss! If you can afford to loose a tiny bit of quality, you can even go for "lossy" which is a tiny bit less quality, but in return the result will be even smaller.

An average JPG file from various sources will result in ~50% filesize less (and still the same quality).

I have yet to encounter a service (online, desktop, server) which can outperform Kraken.

I'd like to know the results if you try this, the lossless and the lossy.

Vote Up Vote Down

@Connie744

Without any idea of what your images are, one technique that is used is to keep the images the size they are, and then reduce the quality setting as low as possible. In Photoshop or Gimp, if the original image is 2k x 2k for a jpeg, for example, set the quality down to 20. Then reduce the size of the image to the largest you will use.

You need to play with it for what works. "20" may be too low or you can even go down to "10". It's a balancing act.

So, turn the quality level down first, then reduce the size. This assumes you are already using an image compression method like jpegoptim or optipng or ImageMagick.

Vote Up Vote Down