[Smush Pro] WebP support for NextGEN galleries via Smush Pro CDN

When you have Smush Pro installed and configured to use the CDN to generate WebP versions of images, the NextGEN galleries images aren't having their jpg versions substituted with WebP versions. Neither the thumbnails or full versions in the lightbox get redirected to the CDN.

Here's an example page of a static image and a standard NextGEN gallery:

https://cityofbellingh.wpengine.com/news/2019/nextgen-gallery

Static Image URL
https://749355.smushcdn.com/1304579/wp-content/uploads/P400439.jpg?lossy=1&strip=1&webp=1

NextGEN Thumbnail URL

https://cityofbellingh.wpengine.com/wp-content/uploads/photo-galleries/project-es-4056/cache/P400169.jpg-nggid0234-ngg0dyn-0x720-00f0w010c010r110f110r010t010.jpg

The NextGEN integration option is turned on in the Smush settings and the NextGEN gallery images do appear to be getting optimized. It's just the CDN versions and WebP substitutes aren't being served up.

  • Nithin
    • Support Wizard

    Hi City Employee,

    Hope you are doing good today. :slight_smile:

    I gave a quick test with the free version of the plugin in my local server, and it does work fine. On further checking in your website, the issue seems more related to the Pro templates used. The Pro Mosaic template which the current gallery enabled isn't working, but when I switch to "Basic Image Browser" the Smush CDN does seem to work fine.

    The mentioned page now has "Basic Image Browser" template enabled, and the Smush does seem to serve the images via CDN.

    Since it does work with other Gallery templates, and the issue only specific to gallery templates part of the premium plugin, this might be more related to how the images are called by the Gallery plugin.

    Could you please share the Premium version, so that we could test further with the Pro Mosiac and other features to see how it goes, and check whether there is any scope of improvements regarding that.

    You can use Google Drive, Dropbox or other 3rd party apps to share a link to the Pro version of the plugin by using our secure contact form:
    https://premium.wpmudev.org/contact/#i-have-a-different-question

    - To Mark to my attention, the subject line should contain only: ATTN: Nithin Ramdas
    -WordPress admin username
    -WordPress admin password
    -login URL
    -Link to download Pro version of plugin
    -link back to this thread for reference
    -any other relevant URLs

    Please do follow up on the ticket once you have sent the above credentials. Have a nice day. :slight_smile:

    Kind Regards,
    Nithin

  • Nithin
    • Support Wizard

    Hi City Employee,

    Thanks for sending in the download link, but I'm afraid I'm not able to download it, and the ink isn't loading in our side, as shared in the following screenshot:

    Could you please advise what's being missed? or please re-share a new link to download the Pro version the same way as done before, so that we could check further, and see whether there is anything further that could be done regarding this.

    Best Regards,
    Nithin

  • Nithin
    • Support Wizard

    Hi City Employee,

    Sorry for the delay in getting back to you due to the high queue in our forums. I checked the links you have shared again, and I'm afraid those links aren't working. Even checked with my colleagues, and they get similar pages as below:

    Could you please advise if we are missing anything? If not, maybe you could use 3rd party services like Google Drive, Dropbox etc to share a downloadable link?

    Or share the FTP login, so I could manually download the plugin. Please do mention the folder name in case you share the FTP login.

    You can share the details via the Contact Form as done before, and we'll make sure to get back to you asap.

    Best Regards,
    Nithin

  • Nithin
    • Support Wizard

    Hi City Employee,

    Thanks for sending in the zip file, download worked this time. I tested further and could notice in some pro templates the images are served via the cached gallery image, and in some pro templates the Smush CDN does load fine.

    Could I know whether there is an inbuilt option to clear cache created by the NextGEN Gallery plugin? Since it's a 3rd party plugin, just making sure whether I'm not missing any specific settings.

    This still looks more like a compatibility issue, however, I would like to further test and compare the plugin configuration in your website side too.

    Could you please make sure to update the Smush Pro version in your website to 3.2.2, and enable support access so that I could check further, and also bring into our developer's attention to see whether there is anything that we could do to get this working.

    You can grant access from WPMU DEV > Support > Support Access > Grant Access, or check this manual: https://premium.wpmudev.org/docs/getting-started/getting-support/#chapter-5

    Please let us know once you enable access so that we could get this sorted. Have a nice day. :slight_smile:

    Kind Regards,
    Nithin

  • SJNBham
    • New Recruit

    I've granted support access.

    I tried deleting all media and caches (site and NextGen) and created a new gallery (named "Smush"). The images still seem to be served up via the NextGen cached images that are created when the gallery has images uploaded to it:

    https://cityofbellingh.wpengine.com/wp-content/uploads/photo-galleries/smush/cache/p905233.jpg-nggid0281-ngg0dyn-0x720-00f0w010c010r110f110r010t010.jpg

    https://cityofbellingh.wpengine.com/wp-content/uploads/photo-galleries/smush/cache/p905233.jpg-nggid0281-ngg0dyn-6000x4000x90-00f0w010c010r110f110r010t010.jpg

    https://cityofbellingh.wpengine.com/services/community-planning/neighborhoods/red-test

  • SJNBham
    • New Recruit

    Thought I'd mention I heard back from NextGen support and they logged this as an enhancement request. They don't consider it a bug because Smush CDN support isn't on their feature list. Anything you can do to help improve WebP support for NextGen would be greatly appreciated. We're mainly using the Smush CDN option for the WebP support. Not sure if it would make it easier, but if Smush created WebP versions locally and modified the NextGen support, it might provide this functionality.

  • Nithin
    • Support Wizard

    Hi City Employee,

    They don't consider it a bug because Smush CDN support isn't on their feature list.

    Sorry for the delay in getting back to you. Thanks for getting back with the plugins developers update. Yes, this is more of a compatibility issue within the NextGen plugin side, and there isn't much that I could see Smush CDN could perform in such case, however, I'll make sure that this anomaly is brought into our team's attention. Glad to hear they do have a feature request in their pipeline regarding Smush CDN.

    Not sure if it would make it easier, but if Smush created WebP versions locally and modified the NextGen support, it might provide this functionality.

    We are looking into the feature of optimizing images hosted locally to convert to WebP down the plugin's roadmap. This is a feature which is highly looked upon by our developer. At the moment, I'm afraid, there isn't any exact ETA, but hoping it would be out soon.

    Other than that, if you are still looking for a quick solution to convert NextGen images to WebP, you could try the following plugin, and see whether it helps:
    https://wordpress.org/plugins/webp-express/

    Regards,
    Nithin

  • SJNBham
    • New Recruit

    I've tried the WebP Express plugin with mixed results. It doesn't appear to inject the WebP file URLs the way NextGEN loads its images in some thumbnails and in all of their light boxes. My guess is because it may be using a similar method as Smush.

    Thanks for all of your work on this. Hopefully Smush will support WebP files locally in the near future :wink:

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.