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