A responsive image breakpoint generator by Cloudinary

We are increasingly more aware of how people experience sites on all different types of resolutions and sizes and it’s very interesting to see how Cloudinary have developed a responsive image breakpoint engine which can help us serve the right image to the right devices.

If interested, you can read a more detailed introduction on the Cloudinary website of how their engine works.

In order to deliver the right images to the right screen size, the HTML code should be adjusted to fit the actual dimensions of a page.

Below is a HTML5 img tag example. Try it yourself.