From formats and techniques to performance and automation, images on the web can be complicated! Front-end developer and performance expert Kitt Hodsden joins the show to make sense of today’s options — and help you choose the options that are best for your projects. Kitt explains the historical background of web images, along with future-forward options like WebP and WebM. She also shares resources to help with virtually any approach to images, then dives into the solutions that consistently work for her, including srcset, automating optimization and lazy loading.
< Download MP3 >      < Listen on ctrlclickcast.com >

Show Notes:



Beyond Resizing: The Image Performance Checklist
srcset
WebP
WebM
MozJPEG
Guetzli
Pngcrush
pngquant
ImageOptim
Gulp
imagemin
SVGOMG
Imager for Craft
RespImageLint
New Relic
Cloudinary
Imgix
sitespeed.io
Tim Kadlec
Addy Osmani
Ilya (Grigorik)
Optimizing Content Efficiency
Optimizing Content Efficiency: Image Optimization
Leave us a review on Apple Podcasts
Review our show on Stitcher





Sponsored By