Support » Plugin: EWWW Image Optimizer » Where are WebP Images?

  • Resolved worleyrh

    (@worleyrh)


    Hi,

    I may be misunderstanding how this plugin works so I apologize in advance for the following question:

    Where are the WebP images stored on my website? After converting my jpeg/png images to WebP, I checked the media and I don’t see any WebP images there.

    Kindly,
    Rich

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Support adamewww

    (@adamewww)

    Hi Rich,

    They are stored right there along with your originals. If you view the media library in list mode, in the Image Optimizer column on the far right for each image, you will see a link that says WebP:34kb. If you click the size, it will bring you to the WebP version of that image.

    Thread Starter worleyrh

    (@worleyrh)

    Yes, I now see the images there, but they aren’t showing on the front end of my website. I have WP Rocket installed and am using their CDN. Do I need to configure additional settings for Image Optimizer to work with a CDN?

    Thank you!
    Rich

    Plugin Support adamewww

    (@adamewww)

    Hi Rich,

    First thing I would do is double check that they aren’t showing on your site. Load it up in an incognito tab and open the Dev console. Switch to the network tab and click on img filter then refresh the page. If the images are being served as WebP, the mime-type will show as such (even though when inspecting the image it might show as jpg). If you send over your site URL I can have a look at it if you want.

    If they aren’t displaying, WP Rocket does have some settings to make sure that WebP images are delivered (they just don’t generate them). Since you are using them, I would suggest looking at how they suggest setting things up: https://docs.wp-rocket.me/article/1282-webp

    Thread Starter worleyrh

    (@worleyrh)

    I restored my site from a backup and am going to attempt this again. For the WebP delivery method, should I use JS WebP Rewriting or Picture WebP Rewriting (my website uses both Cloudflare and WP Rocket’s CDN)? It wasn’t clear which one of these options would be best for my site. I clicked on the question mark next to each option and it took me to the below webpage that didn’t give an explanation of either. Maybe I’m missing it? Thank you for the help with this!

    https://docs.ewww.io/article/16-ewww-io-and-webp-images

    Thread Starter worleyrh

    (@worleyrh)

    I restored my site from a backup and am going to attempt this again. For the WebP delivery method, should I use JS WebP Rewriting or Picture WebP Rewriting (my website uses both Cloudflare and WP Rocket’s CDN)? It wasn’t clear which one of these options would be best for my site. I clicked on the question mark next to each option and it took me to the below webpage that didn’t give an explanation of either. Maybe I’m missing it? Thank you for the help with this!

    https://docs.ewww.io/article/16-ewww-io-and-webp-images

    Thread Starter worleyrh

    (@worleyrh)

    Oh just to clarify, my website uses Cloudflare, but doesn’t utilize Cloudflare’s CDN. For the CDN, I use WP Rocket’s CDN. I think my prior description was somewhat confusing.

    Plugin Support adamewww

    (@adamewww)

    Hi Rich,

    There are two steps to WebP, creating the WebP version and then delivering that WebP version as your site is viewed. As I mentioned in the earlier post, if you are using WP Rocket’s CDN, more likely than not, that is going to handle the delivery portion of WebP. The only thing our plugin is doing is generating a WebP version of your images.

    As for the documentation, it provides an additional link to WebP delivery (what we are talking about here). https://docs.ewww.io/article/119-webp-delivery
    In short though, with Cloudflare you would want to use JS WebP delivery. But again, your CDN should be handling the delivery part.

    Thread Starter worleyrh

    (@worleyrh)

    Hi Adam,

    Thank you for that information. So I use JS WebP delivery for both WP Rocket (using their CDN) and Cloudflare (not using their CDN), correct?

    Thread Starter worleyrh

    (@worleyrh)

    Hi Adam,

    Pease disregard my prior response. I condensed all questions below. Again, I appreciate your help with this! Thank you.

    1) How can I disable WebP display in EWWW? I’m getting the below message from WP Rocket:

    “You are using EWWW to serve WebP images so you do not need to enable this option. If you prefer to have WP Rocket serve WebP for you instead, please disable WebP display in EWWW.”

    2) After converting JPGs/PNGs to WebP images, is it possible to delete those WebP files? I’d like to run the bulk optimizer a second time using different compression settings and don’t want to have multiple WebP versions of the same image.

    3) Just to confirm, I use JS WebP delivery for both WP Rocket (I am using their CDN) and Cloudflare (my site uses Cloudflare, but not their CDN), correct?

    • This reply was modified 6 months ago by worleyrh.
    Plugin Support adamewww

    (@adamewww)

    Sorry about the delay, this wasn’t in unresolved for some reason.

    1. To remove WebP delivery, either uncheck the JS WebP option or remove the .htaccess rules you may have added.

    2. If you run a bulk optimize and check the “re-optimize” option, it will regenerate the WebP files (overwriting the ones that are there).

    3. Correct, but if you want to use WP Rockets, you would use whatever they suggest and turn off JS WebP in or plugin (as per question 1 above).

    Thread Starter worleyrh

    (@worleyrh)

    Hi Adam,

    No worries! So, I ran the bulk optimizer and checked the re-optimize option; however, it looks like it’s not overwriting the existing files. How can I remove the existing WebP images? My database is growing by 100MB every time I re-optimize haha

    Thanks!
    Rich

    Plugin Support adamewww

    (@adamewww)

    If you want to remove the existing WebP images, you can either search your database and for .webp and delete or there is an option in Tools->EWWWW Image Optmizer, about the 6th option down. It’s a button that says “Remove WebP images”

    Thread Starter worleyrh

    (@worleyrh)

    EWWW Image Optimizer increased my database size by 400mb. Removing the WebP images decreased the database by 100mb.

    How can I remove the remaining 300mb? Do you have any idea what files could be making up the 300mb? Or … where can I find these files in the database to manually delete them?

    Thanks for the help!

    Plugin Support adamewww

    (@adamewww)

    I wouldn’t have any idea what or where those files would be. However, the only way our plugin would increase your database size is by generating WebP versions of your files. Have you verified by searching your database that there aren’t any .webp files left?

Viewing 14 replies - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.