Generated webP images are blank.

[bytemypixel]

Hi there,

I have something very odd going on. For some reason, for webP images, only the first image generated comes out correct. All following webP images are blank.

For example, I have this tag in my template, and 3 images are output. Only the first of the 3 is correctly generated, the following 2 are just blank. I thought maybe it was lazyload interfering, but removing that made no difference.

<img alt="{content:image_alt}" src="{exp:pea:webp src='{content:the_image:crop width="500" height="500" position="center"}'}"{content:the_image}width="500" height="500"{/content:the_image} loading="lazy">

Screenshot of issue:
https://capture.dropbox.com/8lWgz8h7UMpN2UsB

I've checked the directory and the images are in there, but they're just blank images. I've cleared the cache and tried again. I've deleted all files form the directory and tried again. Everything I do, no matter, ONLY the first image is generated correctly.

Screenshot of directory where the generated images are saved:
https://capture.dropbox.com/nwRT0pv3LTyLjv9G

Why would this only work on one image? Why are the rest of the images blank?

I had back luck with a free converter, was really hoping this paid one would work. Any thoughts? I've attached a zip of the generated webP images: pea_cache.zip