# 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](https://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](https://www.drupal.org/association/board/elections/election-2022-dates-and-candidates)
* [Web Almanac 2022 - Median page weight over time](https://almanac.httparchive.org/en/2022/page-weight#request-bytes)
* [Web Almanac 2022 - Median page weight by content type](https://almanac.httparchive.org/en/2022/page-weight#content-type-and-file-formats)
* [PreviousNext - Better image optimisation in Drupal](https://www.previousnext.com.au/blog/better-image-optimisation-drupal)
* [Browser Calories extension](https://browserdiet.com/calories/)
* [What are NextGen Web Formats?](https://heytony.ca/what-are-next-gen-images)
* [AVIF vs GIF: The battle for the animated picture format](https://avif.io/blog/comparisons/avif-vs-gif/#compression)
* [www.Webpagetest.org](https://www.Webpagetest.org)
* Shows full waterfall of the page and how it loads
* Helpful Modules
* [Blazy for older sites](https://www.drupal.org/project/blazy)
* [Crop API](https://www.drupal.org/project/crop)
* [Focal Point](https://www.drupal.org/project/focal_point)
* [Image Widget Crop](https://www.drupal.org/project/image_widget_crop)
* [WebP or similar](https://www.drupal.org/project/webp)
* [SVG Image Field](https://www.drupal.org/project/svg_image_field)
* [Image Optimize API, and Local Binaries](https://www.drupal.org/project/imageapi_optimize)
* [Resmush.it or similar](https://www.drupal.org/project/resmushit)
* [Imagemagick](https://www.drupal.org/project/imagemagick)
* [Talking Drupal 348: Carbon footprint](https://talkingdrupal.com/348)

## Guests
Martin Anderson-Clutz - [@mandclu](https://twitter.com/mandclu)

## Hosts
Nic Laflin - [www.nLighteneddevelopment.com](https://www.nLighteneddevelopment.com) [@nicxvan](https://twitter.com/nicxvan)
John Picozzi - [www.epam.com](https://www.epam.com) [@johnpicozzi](https://twitter.com/johnpicozzi)
Tearyne Almendariz - [@tearyneg](https://twitter.com/tearyneg)

## MOTW
[Toolbar Manager](https://www.drupal.org/project/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