Optimizing images already in S3

S3 integration with WP Offload Media is fully automatic. In other words, running a bulk optimize should “just work” and you should get optimized images (and .webp copies as applicable) in your S3 bucket.
However, several folks seem to be running into an issue recently with that sort of setup, but we haven’t found a solution yet. Are you using the “remove local files” option in WP Offload Media?

Yes, I’m using the remove local files option. Is that the issue?

At this point we haven’t pinned anything down yet, still trying to look for common threads on the various sites. Everything works perfectly on my dev site, of course, so it’s difficult to pin down.

Okay, turned out the one we were looking at was probably unrelated, so let’s start with this:
https://docs.ewww.io/article/16-ewww-io-and-webp-images

Since you’re using S3 and don’t have local copies of the images, you’ll want to look specifically at the section regarding Force WebP & WebP URLs. In particular, you must run the bulk optimizer with the Force WebP setting (and Force Re-optimize checked). Do no enable JS WebP until the bulk optimizer is finished.

Okay!

Will it delete the other extension files in the S3 bucket?

EWWW IO doesn’t delete anything from buckets, except for the .webp copies if/when you remove an image from your Media Library.
If you’re thinking perhaps it ought to remove the PNG/JPEG versions and replace them with the WebP ones, we don’t go that route, as there are still too many folks using non-WebP browsers (over 25% of all our visitors to ewww.io for example).

So if webp is not supported, would it show the others automatically?

That’s the purpose of using the JS WebP option, yes ??

Oops! I’m having a trouble. I don’t have any of my images in my server, everything is offloaded to S3. Will it work (coz I tried and it didn’t). Sorry for this late query ….free tier savings!

By “it”, do you mean the WebP setup we were talking about before?
If so, it can work without local copies, but you have to follow the specific instructions in our docs: https://docs.ewww.io/article/16-ewww-io-and-webp-images

Specifically the Force WebP section, but in short:
1. Enable Force WebP and WebP conversion (do NOT enable JS WebP yet).
2. Run a bulk optimize to make sure EVERY image gets a .webp copy uploaded to S3. It’s a good idea to hand check a few of these via the AWS admin console for S3 to be sure.
–You may need to use the Force Re-optimize option if the images were previously optimized without WebP.
3. Then you can enable JS WebP, but remember, every image has to have a .webp copy on S3, or things will break.

If you find an image that isn’t working, manually verify that there is a .webp copy in your S3 bucket. If not, re-optimize it via the media library list mode, and see what that does: https://docs.ewww.io/article/62-power-user-options-in-list-mode
If you still don’t get WebP copies of a particular image, shoot us an email at https://ewww.io/contact-us/

Now I have webp copies of the images, but what is shown is the png and jpg. I have enabled the JS option.

Can you post a link to an example page, along with links to a couple of the images that you’ve confirmed have .webp versions?

https://cdn.coristel.com/media/Asset-1.png.webp

https://cdn.coristel.com/media/12780-kdxzuq.jpg.webp

and more

Where are those displayed on your site?