Fully responsive website - images best practise

Hi,

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: Responsive Images - The srcset and sizes Attributes | bitsofcode )

What is your exprience?

Best wishes,
Georg.

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