Improve images in Astro

Coding in Public • June 10, 2025

Coding in Public

About

👋 Hi! My name is Chris Pennington 👋 I’m a relative beginner to development and enjoy teaching what I’m learning to others. I mostly teach beginner to intermediate web dev on the channel through project and component builds. Coding in public gives us all the chance to learn together. I’m a learner first and an expert never. Have a suggestion? Leave a comment! We’re all learners and we all learn better when we code together!

Latest Posts

PT4M

Astro's NEW take on content (live content collections)

Coding in Public3 months ago

1853

PT4M

Micro-interactions still matter

Coding in Public4 months ago

2735

PT4M

Astro's early bet on the server

Coding in Public5 months ago

4044

PT4M

I have some thoughts

Coding in Public5 months ago

2264

Video Description

Check out my Astro course: https://learnastro.dev ($20 off with the code ADVANCED_IMAGES) The Astro Picture and Image component could use an upgrade: 1. Truly responsive images 2. Add placeholders 3. Extra enhancements 🔗 Key Links 🔗 - Experimental responsive images: https://docs.astro.build/en/reference/experimental-flags/responsive-images - Unpic: https://unpic.pics/ - Cloudinary helpers: https://astro.cloudinary.dev/ --------------------------------------- 📹 Related Videos 📹 - Cloudinary Astro loader: https://www.youtube.com/watch?v=EYKEcwV_T84 --------------------------------------- ⏲️ Timestamps ⏲️ 0:00 Introduction 1:09 Responsive (built-in) 2:58 Responsive (experimental) 4:41 Placeholders (Unpic) 11:17 Cloudinary enhancements --------------------------------------- 🌐 Connect With Me 🌐 - Astro course: https://learnastro.dev - Website: https://codinginpublic.dev - Blog: https://chrispennington.blog 🤝 Follow Me 🤝 - Twitter: https://twitter.com/cpenned - BlueSky: https://bsky.app/profile/codinginpublic.dev 💸 Support Me 💸 - Patreon: https://www.patreon.com/coding_in_public - Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington