Thread by @unicodeveloper

Day 17: People talk about responsive design a lot but often leave out responsive images. One image for all screen resolutions and different devices is never & will never be enough.

Devices & screen resolutions keep increasing and it's hard to keep up #25DaysOfMediaMagic

Managing, manipulating and delivering images, is one of the main challenges of breakpoints for responsive design that web developers face.

Imagine having to manually create many versions of an image to fit the breakpoints for different screen sizes & resolutions...

I want to introduce you to one of the heaven sent tools made by @cloudinary. They day I discovered it, I almost cried. It's beyond marvelous.

It's a Responsive Image Breakpoint Generator. You simply upload an image and it generates several images according to...

@cloudinary ..different set responsive breakpoints, and if you don't set it, there's a default it generates for you!

Oh, and it shows you the exact sample code to use in your project for the generated breakpoint images. #25DaysOfMediaMagic 🔥🚀

Burst my brain!!!

@cloudinary There's an option to download the generated images & use in your project. Link to the tool here, it's open source: responsivebreakpoints.com

So, your users will get a different, well-scaled image served at specific breakpoints when they visit your site/app.

#25DaysOfMediaMagic😎