My employer uses Akamai as a CDN (and security) provider for their websites. Akamai has an optional tool called Image and Video Manager that, in a nutshell, optimizes images for better site performance.
Basically you put a high quality image on your website, and when Akamai retrieves it the first time it optimizes its color palette, compression, size, and format for multiple devices. Each derivative image is cached by Akamai for 30 days at a minimum.
So while you may put a 1000x1000 JPG with a quality of 95%, an Android user may be served a 200x200 image with 80% quality, and it may be a WEBP or PNG format instead of JPG. Exactly which derivative image is served is based on criteria like the web browser being used, the viewport size, etc.
My employer uses Akamai as a CDN (and security) provider for their websites. Akamai has an optional tool called Image and Video Manager that, in a nutshell, optimizes images for better site performance.
Basically you put a high quality image on your website, and when Akamai retrieves it the first time it optimizes its color palette, compression, size, and format for multiple devices. Each derivative image is cached by Akamai for 30 days at a minimum.
So while you may put a 1000x1000 JPG with a quality of 95%, an Android user may be served a 200x200 image with 80% quality, and it may be a WEBP or PNG format instead of JPG. Exactly which derivative image is served is based on criteria like the web browser being used, the viewport size, etc.
That is a pretty cool solution.