WebP Srcset Generation

We’ve been noticing sites we’ve installed TinyPNG (version 3.6.2) on recently were displaying low quality images.

It was initially assumed that it was issues with image compression, but then we’ve realized picture elements have been defaulting to the WebP 300x___ size. Deactivating the plugin or toggling Generate optimized image formats off causes the correct image resolution to be displayed in its original file format. Example of the generated code is displayed below:

<source srcset="IMAGE [email protected] 300w" type="image/webp">
<source srcset="IMAGE [email protected] 2560w, IMAGE [email protected] 1024w, IMAGE [email protected] 768w, IMAGE [email protected] 1260w, IMAGE [email protected]" type="image/avif">
<span style="font-family: inherit; font-size: 0.8rem; text-align: initial;"><img width="2560" height="1510" src="IMAGE [email protected]" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="About Us" decoding="async" srcset="IMAGE [email protected] 2560w, IMAGE [email protected] 300w, IMAGE [email protected] 1024w, IMAGE [email protected] 768w, IMAGE [email protected] 1260w" sizes="(max-width: 2560px) 100vw, 2560px"></span>

This seems to affect existing images on the site that underwent bulk compression + conversion, newly uploaded images do not have this issue.

The page I need help with: [log in to see the link]