Can you adjust quality of 2x images?

  • Resolved ryanjohnwilliams

    (@ryanjohnwilliams)


    6 years, 8 months ago

    Hey all,

    I’m using this plugin but it’s quite obviously on mobile connections (when retina images are most likely to be used) that they’re loading pretty slowly. Upon examination, this is because even a ‘medium’ image is approx. 250KB, so when you have a grid of them on a page you’re serving many megabytes of data — not good for mobile data.

    This is quite an easy problem to solve, you simply lower the compression/quality of the 2x images, often able to get it as low as 25% because the images are shown at half their native size, hence the compression artefacts are hidden.

    Unfortunately, if I change the ‘Retina Quality’ value, this doesn’t affect my 2x thumbnails. This is because my full-size images are PNG, which is good because they’re meant to be full-quality originals.

    I thought I would mention this as while WordPress serving PNG thumbnails is no problem for non-retina images, it causes massive performance loss on retina images. I would recommend looking at ways of solving this with the plugin (e.g. using JPEG for all thumbnails).

Viewing 1 replies (of 1 total)
  • Plugin Author Jordy Meow

    (@tigroumeow)

    6 years, 8 months ago

    Hi,

    If you are using Responsive Images (or PictureFill) it shouldn’t be a problem: the most adequate image depending on the device, available image sizes and internet connection will be picked.

    For PNGs, optimization is not possible and through Retina plugin only there is no possible solution. But you could use an image optimizer compatible with WP Retina 2x, such as EWWW, Smush It, etc… there are tons 🙂

Viewing 1 replies (of 1 total)
  • The topic ‘Can you adjust quality of 2x images?’ is closed to new replies.