we have a website which is “fully responsive” - meaning: We are using the bootstrap css system with 4 break points ( xs / sm / md / lg devices).
So, my question: What is the best practise to optimize the images for the various devices?
Whats the goal?
- Serving a small image for mobiles
- serving big images to desktop devices etc.
Is the mirage feature of cloudflare working with the srcset img tag?
(example: https://bitsofco.de/the-srcset-and-sizes-attributes )
What is your exprience?