webp-convert | Convert jpeg/png to webp with PHP | Image Editing library

I could not customize the output to the template using {% static_webp 'modelImage.url' %}. But I was able to convert the file when uploading and store the files immediately in the desired format (webp). My solution may be useful for those who are developing a new project because my method does not assume previously saved files in the model. So let's start in order.

1. models.py In my model (Catalog) I have overridden the path to where the images are stored by calling the function (rename_file). The function (rename_file) renames the expansion of our file to .webp, creating the correct obj.url . This must be done immediately. Because the obj.url has the attribute read only.

Q: I'm getting an Unhandled Rejection error, how can I properly handle the rejection error?

A: Like what the comments already said, a .catch(...) will stop your exception from bubbling up to become an unhandled rejection error.

Alternatively you can also insert reject handler function for each of the .then(...) clause. That is, for each .then() it should take in 2 functions, one for the happy path and the other for the bad path.

E.g.

Turns out if was image cache problem by dns service provider aka cloudfare. All I did was Go to domain -> Caching tab and Purge everything. Now every new request for images are redirected to my php file which convert to webp and store in same directory and send png and jpeg images as image/webp type without changing image url or path or adding .webp extension

Use the & call operator:

This is Cerad's answer which worked:

WebPConvert is not a Symfony bundle so it won't have any services defined. You will have to define them manually. Actually, from the readme file, it looks like WebPConvert::convert is a static method so there is nothing to inject. Just follow the example.

See the docs:

https://www.npmjs.com/package/webp-converter

When you call webp.cwebp, there should be four parameters: input (string), output (string), option (string), and callback. Try specifying some options and then the callback. Also, try calling resolve once the operation is finished, that way you can chain additional functions afterward: