Convert to WEBP?

Hello.
I have 2 image fields and a lot of elements.
Is there the easiest way to convert all images to WEBP format?
Thanks.

hello
its possible to use phpthumb librairie to allow webp conversion but some old browser arn't compatible
caniuse.com/webp but need to update image output like this we will study if we can add it in core

I use the free DJ-WebP Plugin:

dj-extensions.com/dj-webp

It automatically does it for the front end - so is a decent alternative. Asking clients to convert to WebP - seems a step too far.

This plugin works in all place ? (Module, view, gallery)
Yes the concept Can be :
- add option in image field to set if we want webp compression
- add webp conversion on upload for each size (l m s o)
- return image with jpg fallback in each part (field, module category etc) with héritage option
The issue IS here
github.com/FLEXIcontent/flexicontent-cck/issues/1062

micker wrote:

hello
its possible to use phpthumb librairie to allow webp conversion but some old browser arn't compatible
caniuse.com/webp but need to update image output like this

Code:

<picture> <source srcset="img/awesomeWebPImage.webp" type="image/webp"> <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg"> <img src="img/creakyOldJPEG.jpg" alt="Alt Text!"> </picture>

we will study if we can add it in core

Ok, Georgios says that we can convert all images on server and then just replace file extensions in DB (find/replace).
But also we need to increase number before file name if the old extension had fewer characters.



So, first step in to convert images on server.
And second is to find and replace png to webp.

 

Yes that the solution for your site and existing image but need to add this in côté (maybe) and i ame agree need to a batch action to create all webp image

Yes, it works seamlessly across sites:

+ www.jy-storage.com.tw/
+ www.timesmontessori.com/


In my experience, this approach is better since clients typically upload their own JPG files. The bigger issue, however, tends to arise in the maintext field where clients often upload massive 5MB+ image files, impacting performance.

How do you manage situations where clients upload images directly into the maintext field?

Another advantage is the ability to disable it if clients run out of storage space, keeping it flexible.

flexicontent doesn't rezize on upload in editor that an editor function, but you can use image how was uploaded in a flexicontent field in editor ...
in flexicontent you can set max size of original image. User can upload 5mo but we rezize it with max size for better optimisation
i update the issue to study more the best way to add this
for now we works on next release, 3 isues still open
github.com/FLEXIcontent/flexicontent-cck...A%22Priority+ASAP%22
and we have an other big project, we update all flexicontent view with most moderne css approch (flex and grid) :
- unify html5 / html
- more cleaner display and responsive
- lighter css (remove not necessary css)
- more clean grid template (alignement, auto height etc)
- more clean table display
- min-max grid approch for better responsive
- more lighter and cleaner item view
need some tester to merge in master branch
github.com/FLEXIcontent/flexicontent-cck/tree/grid-beta

Awesome -that bug list is coming down - could you also check that image in tab works as well?

The reason is: I updated a site yesterday with FLEXIContent master - but needed to reintegrate some code to get images in tabs to work.

So - just wondering. If I get a chance I'll test that beta.

Hello Can you explain more what is missing ?