Talking Drupal #368 - Image Optimization

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