Featured Image

Thanks for reaching out @recoverjp. If you’d like to share your site URL I’d be happy to take a look at your site and see what may be happening. What I suspect may be happening is a theme or third party plugin is impacting how your featured images render. To rule out any theme related issues, you can temporarily switch themes or ideally use the Health Check & Troubleshooting plugin to switch themes for you only as a logged in administrator (for testing purposes).

After switching themes, please create a new post and upload a new image (rather than simply testing an existing post and featured image), checking does the same occur for this new post.

If using the Health Check & Troubleshooting plugin, you’ll need to activate the Performance Lab plugin only while in troubleshooting mode. After doing so, create a new post and upload another JPEG, checking does that featured image appear as a WebP after confirming there is a WebP available.

Let me know if you have any questions with the above.

I turned on trouble shooting mode and now I can’t go back. Do you know how to resolve? My website is broken.

Sorry to hear that @recoverjp. If you’re logged into your sites wp-admin panel, using the top admin toolbar there is an option to disable troubleshooting mode.

If you don’t see any troubleshooting mode options, you can manually deactivate the plugin using your hosting control panel or FTP. To do so, you’ll need to rename or remove the following directory:
wp-content/plugins/health-check

Let me know how you get on with the above.

James, thanks for the help. I managed to revert.

Now talking about the webp problem, I did the test locally and it works great, but when I use WP Offload Media that sends the image to S3, it doesn’t generate the webp of the original image.

I noticed that when I upload an image on my localhost, it generates the image-jpg.webp file, but when I’m using WP Offload Media, it doesn’t generate this file, it only generates the thumbnails and other dimensions.

I really wanted to be able to solve this, I’ve been looking for a plugin for a long time, but none has perfect integration when sending to an S3-type bucket.

Thanks for the follow up @recoverjp. That may make sense, as images when using WP Offload Media are requested from a S3 or other providers CDN, as opposed from your origin site.

I’ll put some time aside to confirm that this is the case and report back to you here. It’s may be a case that the plugins are not compatible at present, but I will report back to you here after testing and checking with the team.

Thanks so much James.

I would just like to point out that all generated thumbnails are being converted to webp and sent to S3, but the largest image is not being converted.

I’d like to take the opportunity to ask if they plan to add png image conversion as well.

Noted, thanks for the additional info. I’ll let you know after I perform some checks.

I’d like to take the opportunity to ask if they plan to add png image conversion as well.

Great questions. There is an open GitHub issue on this. You can follow this below:
https://github.com/WordPress/performance/issues/371

Just to let you know I performed some testing with Performance Lab, WP Offload Media and Google Cloud (I don’t have an S3 account to test with). with GCP images when served from Google cloud are WebP (after being uploaded as a standard JPEG and a WebP then generated via Performance Lab). When the images are served from Google CDN’s they are WebP format. You’ll find a recording of this here.

While I will check this further with the team before providing you with an update here, as I suspect the issue is with WebP serving on S3 CDNs, you may wish to reach out to Amazon S3.

I’ve also been reading though some WP Offload Media documentation and support topics and you may consider uploading WebP by default. You can generated WebP versions of images before uploading using a service such as Squoosh or within your WordPress file manager as per this support topic on the WP Offload Media forums.

Thanks for your patience on this @recoverjp. I’ve been performing some tests with WP Offload Media and S3 setup, with all images served as WebP, including those served from AWS servers (example).

Based on this, you may wish to check your WP Offload Media settings, or review the images you’re uploading.

Let me know if you have any further questions on this.