Image optimization pipeline #16

robinmetral commented 2022年05月04日 21:56:04 +02:00 (Migrated from github.com)

...or maybe as part of brut? (should be optional, it gets Gatsby sites bloated).

Ideally a script that generates optimized images for a few sizes (and maybe webp+avif) and saved them to the filesystem or some CDN.

See:

• https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
• https://web.dev/serve-responsive-images/
• https://cloudfour.com/thinks/responsive-images-101-definitions/

Use:

• squoosh
• sharp

...or maybe as part of [brut](https://github.com/robinmetral/brut)? (should be optional, it gets Gatsby sites bloated). Ideally a script that generates optimized images for a few sizes (and maybe webp+avif) and saved them to the filesystem or some CDN. See: - https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images - https://web.dev/serve-responsive-images/ - https://cloudfour.com/thinks/responsive-images-101-definitions/ Use: - [squoosh](https://github.com/GoogleChromeLabs/squoosh) - [sharp](https://github.com/lovell/sharp)