$image->webp->url delivers a png-Url

[eutervogel]

Hi, 

what I'm doing is this:
 

 <picture>
	<source srcset="<?php echo $page->section_three->main_img->first()->size(396,710)->webp->url; ?>" type="image/webp">
	<img class="p_absoulte pp_block" src="<?php echo $page->section_three->main_img->first()->size(396,710)->url; ?>" alt="">
</picture>

and for some reason it sometimes becomes this:

<picture>
	<source srcset="/site/assets/files/1057/sektion3_bild-1.396x710.png" type="image/webp">
	<img class="p_absoulte pp_block" src="/site/assets/files/1057/sektion3_bild-1.396x710.png" alt="">
</picture>

It seems to be related to ->size(). When I don't use ->size() the webp Url is correct.
I'm using the image-field inside a Fieldset(Page). Could that be a problem too?

I just increased the output size by 2px and voila the webp url comes up. 
I deleted all variations (webp variation is present in correct size) changed it back to the original size and again: a png url.

I also tried to rename the image and load it up agian. 

...same behavoir.

Thanks in advance guys
 

[horst]

Hi @eutervogel,

I believe it has to do with a automatic optimization that Ryan has build into the webp->url method. Given that webp is used to get smaller filesizes, and that sometimes a png or jpeg can be smaller than its webp pendant, the smaller one of them is put out by the webp->url. In general a nice idea, but only when one output a single src url in an img tag. For the more advanced usage in picture or srcset elements it is wrong and also irritating the devs.

If I remember right, there must be a config setting to disable this. If I find it, I post it here. If someone else reading this and knows where it is and how it is named, please shime in!

[horst]

Hi, I found this: https://processwire.com/api/ref/pagefile-extra/url/

Can you test it with passing a boolean false in the method call: webp->url(false)

Quote

fallback (optional)

bool

Allow falling back to source Pagefile URL when appropriate?

 

[matjazp]

$config->webpOptions = array(
    'quality' => 90, // Quality setting of 1-100 where higher is better but bigger
    'useSrcExt' => false, // Use source file extension in webp filename? (file.jpg.webp rather than file.webp)
    'useSrcUrlOnSize' => true, // Fallback to source file URL when webp file is larger than source?
    'useSrcUrlOnFail' => true, // Fallback to source file URL when webp file fails for some reason?
);

Set  'useSrcUrlOnSize' to false?