nzzdev / Q-quiz

MIT License
0 stars 0 forks source link

Proposal: Image Optimizations #55

Closed manuelroth closed 6 years ago

manuelroth commented 6 years ago

We are using the Fastly Image Optimization service to serve the images for the imageslider, quizes, infographics and election executive tools. Currently we serve lossless webp images to all chromium based browsers and png's to all the other browsers.

Proposal I think it makes more sense to serve lossy webp to all chromium browsers and progressive jpeg's to all other browsers. Some images will get up to 8x smaller.

Example: https://q-images-nzz-ch.global.ssl.fastly.net/2018/01/31/24c93128-2e13-48e5-a639-d068ce1b929b.png?width=940&format=webpll webpll: 824KB webply: 156KB png: 975KB pjpg: 155KB

I think at least for the imageslider and the quizes this optimization makes sense. For infographics we probably have to stick with png's because of the fonts

benib commented 6 years ago

@manuelroth as discussed we should serve JPG/WebP if original is JPG and PNG/WebP if original is PNG.