我有一个 <svg> 元素，使用 .webp 中的形象 <image> 元素。在Chrome和Opera上可以工作，但在Firefox上，什么都不显示，所以我试着添加另一个 <image> 元素中包含png。现在它在Firefox中可以工作，但在Chrome DevTools中检查时，从请求数量上看，两张图片都被加载了。
我如何才能在svg元素中为目前不支持webp的浏览器提供一个webp图片的后备选项的同时，只强制加载1个请求（1张图片）？代码是这样的。
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500">
<image xlink:href="image.webp" width="500" height="500"/>
<image xlink:href="image.png" width="500" height="500"/>
</svg>