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

Cloudinary DevJams

English - January 17, 2024 16:58 - 58 minutes - 53.5 MB - ★★★★★ - 1 rating
Technology Education How To development web software api app cdn image video developer cloudinary Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed

Previous Episode: Easy Content Publication with Hugo, Decap CMS and Cloudinary - DevJams Episode #25

Next Episode: Adding Images to Tableau Data Visualizations with Cloudinary - DevJams Episode #27

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!