• Hi,
    I use the LiteSpeed Cache plugin, which generates WebP images, and then replaces the image links to the WebP version.

    Unfortunately WP Featherlight will not detect the .webp image extension, thus the lightbox will not work. The lightbox works if I link to the .jpg version, but it doesn’t work when I link to the .webp version.

    How could I tell WP Featherlight to open WebP images in lightbox?

    Here is the source code (I removed the references to my domain name):

    <figure class="wp-block-image size-large"><a href="/wp-content/uploads/2020/09/image.jpg.webp"><img loading="lazy" width="1024" height="683" src="/wp-content/uploads/2020/09/image-1024x683.jpg.webp" alt="" class="wp-image-115" srcset="/uploads/2020/09/image-1024x683.jpg.webp 1024w, /wp-content/uploads/2020/09/image-300x200.jpg.webp 300w, /wp-content/uploads/2020/09/image-768x512.jpg.webp 768w, /wp-content/uploads/2020/09/image-1536x1024.jpg.webp 1536w, /wp-content/uploads/2020/09/image-2048x1366.jpg.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>

  • The topic ‘How to open WebP images in lightbox’ is closed to new replies.