WebP and fallback support

  • Resolved bcvcbhqyxcgakhh

    (@bcvcbhqyxcgakhh)


    4 months ago

    Do we need to provide fallback support, so if a visitor is using a browser that doesn’t support WebP images, the optimized JPG or PNG versions will be served instead. 

    If we are testing a Ping tool, will be detected also old none optimized formats as we can not delete them?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Imagify

    (@imagify)

    Hi @bcvcbhqyxcgakhh

    Imagify will handle the fallback control automatically, that is one of the reasons we keep original format images on the server.

    Tools like Pingdom should not count duplicated requests in this case as the server will not load both images, although there are both in the source. Simply, the code is written that way to call one type of image, depending on the browser that is requesting the page.

    ?Let me know if you need any further assistance, I am happy to help.

    Best Regards
    Marko

    Thread Starter bcvcbhqyxcgakhh

    (@bcvcbhqyxcgakhh)

    I kindly ask you to inform us which line and file/folder executes due to browser detection and validation:

    Your quote: to call one type of image, depending on the browser that is requesting the page.

    Plugin Author WP Media

    (@wp_media)

    Hi @bcvcbhqyxcgakhh,

    Can you please tell us the use case you’re trying to achieve to be able to help better?

    Best Regards,

    Thread Starter bcvcbhqyxcgakhh

    (@bcvcbhqyxcgakhh)

    We try to control browser support. So, which file and folder controls fallback support as website will break in this case and bad user experience due to browser detection and validation.

    Plugin Author WP Media

    (@wp_media)

    Hi,

    Please allow me some time to get back to you with relevant information.

    Best Regards,

    Thread Starter bcvcbhqyxcgakhh

    (@bcvcbhqyxcgakhh)

    HTML5’s element supports fallback support for users from WebP, but is it fallback support for the particular browsers?

    <picture>

    Plugin Author WP Media

    (@wp_media)

    Hello @bcvcbhqyxcgakhh,

    We implement fallback mechanisms in two ways, depending on the “Display images in Next-Gen format on the site” setting:

    1. Rewrite Rules: If rewrite rules are being used, the browser detection and validation are handled by these rules. You can check the .htaccess rules or Nginx configuration for the specific rewrite rules in place.
    2. Picture Tags: When using the picture tag method, we add a <source> tag for each format (WebP or AVIF), with the <img> tag serving as the fallback for browsers that do not support these formats.

    This ensures that the appropriate image format is served based on the browser’s capabilities.

    Best Regards,

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