Let's take a journey improving HTML images from the humble img tag to responsive images with the srcset attribute to supporting modern formats with the picture element and finally making our developer lives simpler by returning to just the img element.
Watch Austin's Livestreams here
YouTube: https://www.youtube.com/heyAustinGil
Twitch: https://www.twitch.tv/heyaustingil
Website: https://austingil.com/
Links:
srcset attribute - https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset
picture element - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture
Akamai Image & Video Manager - https://www.akamai.com/products/image-and-video-manager
Image & Video Manager Docs - https://techdocs.akamai.com/ivm/docs
Get started here with a $100 credit on Linode→ https://www.linode.com/linodetube
imgproxy - https://github.com/imgproxy/imgproxy
thumbor - https://github.com/thumbor/thumbor
Austin's Blog Post - https://austingil.com/better-html-images/
Chapters
0:00 - Introduction
0:12 - Better HTML Images for Users & Developers
8:50 - Wrap Up
#html #webdevelopment #imgproxy
