Guidelines for image optimization on the web

  • I’d like to guide the client with some principles for uploading images. Can u help me decide:
    1. When to use PNG and when JPEG format?
    2. Should we serve images double the size of display, so they are retina ready?
    2. How much compression/quality for JPEG is enough? When do we need quality 90, when 70, and when 50?
    Cheers

Viewing 1 replies (of 1 total)

  • Hi,
    let me try to answer your questions:
    1) you could read this short article and see if it answers your question
    2) in my opinion, the proper way to serve retina images is to do this using a retina plugin like this
    Just serving x2 images to any browser/device is far from optimal.
    3) If you want to stay on the safe side (that means, to focus only on image quality) then you could use a safe setting like 85-90.
    But if you want get the smallest possible JPEG image while keeping its look then I suggest you use an image optimization plugin that finds the best compression for each image. This should do it automatically for you and you shouldn’t worry with this anymore.
    You can find a list of such plugins here.

    Regards,
    Alex

Viewing 1 replies (of 1 total)
  • The topic ‘Guidelines for image optimization on the web’ is closed to new replies.