Today we are talking about Image Optimization with Martin Anderson-Clutz.

For show notes and more visit:

www.talkingDrupal.com/368

Topics * Image optimization * Why it is important * Performance * Accessibility and Inclusion * Techniques with Drupal * Image formats + webp + svg + avif * Drupal support * What to do before uploading * Educating content editors * Difference in formats * Helpful modules and tools + Core - Image Styles - Responsive Images + Contrib - Blazy for older sites - Crop API, and Focal Point or Image Widget Crop - WebP or similar - SVG Image Field - Image Optimize API, and Local Binaries Resmush.it or similar + Image Library - Imagemagick - GD Library * Anything else

Resources * Board Elections * Web Almanac 2022 - Median page weight over time * Web Almanac 2022 - Median page weight by content type * PreviousNext - Better image optimisation in Drupal * Browser Calories extension * What are NextGen Web Formats? * AVIF vs GIF: The battle for the animated picture format * www.Webpagetest.org + Shows full waterfall of the page and how it loads * Helpful Modules + Blazy for older sites + Crop API + Focal Point + Image Widget Crop + WebP or similar + SVG Image Field + Image Optimize API, and Local Binaries + Resmush.it or similar + Imagemagick * Talking Drupal 348: Carbon footprint

Guests Martin Anderson-Clutz - @mandclu

Hosts Nic Laflin - www.nLighteneddevelopment.com @nicxvan
John Picozzi - www.epam.com @johnpicozzi
Tearyne Almendariz - @tearyneg

MOTW Toolbar Manager
Allow a site builder to customize what items appear in the toolbar:

  • Change text labels
  • Add classes (e.g. to add icons)
  • Or hide entirely