Long before I knew what Cloudinary was, I had frequently mused about needing a CDN for images that had the ability to resize them on-the-fly. This would make dealing with responsive images so much easier.

Well, it’s real, and it is so much easier. I’ve been looking forward to writing this article, and since Forestry finally released Cloudinary integration for its media library, I had the perfect opportunity to talk about how cool this service is.

Applying a responsive strategy for displaying images means more than just adding max-width: 100%; to your image tags. You don’t want to display an image that is much larger than the area it occupies, otherwise you’re just wasting bits. You need to...