Auto Detect Cloudinary and CDNs, Easily Deliver Images with Unpic - DevJams Episode #26

Cloudinary DevJams

Matt Kane, principal software engineer at Netlify, has developed the Unpic project. With it, you can automatically detect the content delivery network (CDN) for an image. On top of that, it uses the CDN’s URL API to resize and format images. It then generates the correct srcset and sizes attributes for the image. Join Matt for this Cloudinary DevJams episode to walk through Unpic. He will show how to use this component with popular frameworks like Astro, React and Svelte, using simple img tags. Matt also will demonstrate how Unpic can handle responsive resizing of images, while preserving aspect ratio and avoiding layout shift. If you're looking for a simple way to work with CDN-delivered images in your favorite framework, don't miss this episode! --- Mentioned Technology: - Astro - GitHub Repository for Unpic - Unpic's Homepage --- Not a Cloudinary user yet? Sign up for your FREE account today!

To listen to explicit episodes, sign in.

Stay up to date with this show

Sign in or sign up to follow shows, save episodes, and get the latest updates.

Select a country or region

Africa, Middle East, and India

Asia Pacific

Europe

Latin America and the Caribbean

The United States and Canada