Automate image compression

[akd-io]

I could write a script to compress images

• The script should compress all images from a non-compressed folder and save them in static/ or similar.
• It should output WebPs as well as fallback JPGs for browsers without WebP support.
• It might be a good idea to make the script look for images in static/ that are not in the non-compressed folder and alert the user that those images aren't being compressed.

I could also compress image during build

• Possible solutions are next-optimized-images or getting something like imagemin-webpack-plugin to work with Next, although I guess that is exactly what next-optimized-images does.

[akd-io]

There exists an example of using imagemin-webpack-plugin by Google, although not specific to Next.

[akd-io]

On second look, next-optimized-images seems way more feature-rich than simply allowing for image compression and provides solutions to image resizing and Medium-like image placeholders using lqip as well.

[akd-io]