Fully responsive website - images best practise



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?

Best wishes,

closed #2

This topic was automatically closed after 14 days. New replies are no longer allowed.