I already used SPIO for image optimization, what settings should I use with SPAI?
If you already optimized all your website's images using ShortPixel Image Optimizer (SPIO) and now you consider using ShortPixel Adaptive Images (SPAI) you may wonder what would be the appropriate image optimization setting?
- If you do not add new images to your website then you can just use the Lossless setting inside SPAI and this way the images will be served form ShortPixel CDN while having the same quality.
- If you constantly add new images to your website then there are 3 possible approaches:
- if you optimized the images with SPIO as Lossless, then you can use any method with SPAI: Lossy, Glossy or Lossless.
- If you already used Lossy or Glossy with SPIO and you plan on uninstalling SPIO after installing SPAI, then using anything other than Lossless with SPAI could make the old images look a bit blurry. And using Lossless means that the newly added images won't be optimally optimized. The solution in this case is to restore the images optimized already with SPIO and then choose the appropriate image optimization setting in SPAI, e.g. Lossy or Glossy.
- If you already used Lossy or Glossy with SPIO and you plan on keeping SPIO installed together with SPAI, you should set SPAI to Lossless to prevent over-compression.
In addition to the optimization setting, if you plan on keeping SPIO installed together with SPAI, if you want to serve your images as WebP you must disable it on SPIO and enable it on SPAI:
- Go to Settings > ShortPixel > Advanced > WebP Images and disable "Deliver the WebP versions of the images in the front-end".
- Got to Settings > ShortPixel AI > Compression and enable "WebP Support".