Everyone Wins When You Optimize Media
summary
Shows concrete automation: use Cloudinary + Netlify + Next.js (next-cloudinary) to add URL params like q_auto and f_auto and yield massive savings — an Unsplash demo drops 4.3 MB to 51.2 KB, a PNG demo goes from ~1.4 MB to 119 KB then to 35 KB and 27 KB when resized and cropped. Builds use on‑the‑fly transforms, CDN caching so processing happens once, and features like dynamic crop, background removal and text overlays via the cloudinary plugin.
AI-written summary · about
chapters (6)
- 0:00Why media optimization matters
- 3:49Modern image formats and compression
- 7:20Automating optimization at scale
- 11:13How Cloudinary processes media
- 14:21Live demo with Next.js and Cloudinary
- 29:55Q&A on image optimization
related talks
31mEngaging Ecommerce with the Visual Web
25mDelivering Fast and Beautiful Images and Video
20mImage Optimization - Quick Win for Improving Performance in Vue & Nuxt Apps
42mEngaging Ecommerce with the Visual Web
45mA picture is worth a thousand…kilobytes.
48mFast and Beautiful: Modern Image Delivery Techniques
30mFast and Beautiful: Modern Image Delivery Techniques
24mNuxt Image