Automatic reduction of resolution and volume of images?

Question

JavaScript

Good afternoon, dear Khabrovites!
An unpleasant situation arose at work: they say that the previous front-ender reduced images automatically.
What we managed to find out: he used the FancyBox plugin-gallery, drove images there and at the output received their copies reduced in resolution and volume.
I searched the Internet, Google and others like them ...
The site works on modX, but, as far as I understood, it was about fancybox. If anyone knows how to reduce images in resolution and volume, and possibly overtake them in webp, I will be very grateful.
PS In other words, is there an analogue of sqoosh that could be configured to work in automatic mode.

Answer 1

found where the dog was buried. Digging through the code, I found traces of the phpThumb plugin. Indeed, there is such a plugin for modX, and my predecessor used it. You can read more about it here Working with images using phpThumbOf . Basically this plugin creates image thumbnails and saves them in the cache. There is no conversion, illusions are debunked)
At least half of the work can be thrown on it: to process a large image in squoosh on jpg and webp, and give the creation of thumbnails to phpThumb.

Answer 2

resize
https://www.google.com/search?q=imagemagick+image+...
convert to webp
https://imagemagick.org/script/webp.php
You can also set the quality.
Or do you want to do everything right at the front?

Answer 3

If needed in a browser, that is Pica: https://github.com/nodeca/pica