Php 未加载WebP回退映像

我正在使用

标记设置支持WebP的响应映像。 我正在提取一个桌面图像和移动图像URL，它们都有

.web

和

.jpg

文件。 对于每种媒体，我都给出了

.webp

版本和

.jpg

版本

我所期望的是，如果

.webp

版本不存在，则网站将采用存在的.jpg文件

你知道这里怎么了吗

$image_desktop = get_field( 'desktop_image' ); // can be an .webp image or .jpg image
$image_mob     = get_field( 'mobile_image' ); // can be an .webp image or .jpg image

放入
srcset
属性中的所有URL必须有效且必须存在

支持WebP的浏览器将尝试从
加载URL，所有其他浏览器将尝试从
加载URL。如果浏览器选择的URL不存在，它将返回到另一个
中

您应该检查服务器端是否存在映像文件

<picture>
  <source media="(min-width: 480px)"
  srcset="<?php echo esc_url( $image_desktop['url'] . '.webp' ); ?>"
  type="image/webp">

  <source srcset="<?php echo esc_url( $image_mob['url'] . '.webp' ); ?>" 
  type="image/webp">

  <source media="(min-width: 480px)" srcset="<?php echo esc_url( $image_desktop['url'] ); ?>"
  type="image/jpeg">

  <source srcset="<?php echo esc_url( $image_mob['url'] ); ?>" type="image/jpeg">

  <img class="header-image"
  src="<?php echo esc_url( $image_desktop['url'] ); ?>"
  alt="<?php echo esc_attr( $image_desktop['url'] ); ?>">
</picture>