0

我有一个奇怪的问题，浏览器说服务器在图像上返回 404。

但是直接访问 URL 会显示图像。图像在<picture>元素内，加载顺序略有不同。这可能是原因，如果是，为什么？可以缓存吗？

这是网站： https ://www.vamoney.squareballoon.co.uk/

这是我在那个网站上的代码：

<picture>
  <source media="(min-width:1201px)" srcset="/images/aspirational-photos/borrow--va-money-main-image--1920.webp" type="image/webp">
  <source media="(min-width:1201px)" srcset="/images/aspirational-photos/borrow--va-money-main-image--1920.jpg" type="image/jpg">
  <source media="(min-width:960px)" srcset="/images/aspirational-photos/borrow--va-money-main-image--1200.webp" type="image/webp">
  <source media="(min-width:960px)" srcset="/images/aspirational-photos/borrow--va-money-main-image--1200.jpg" type="image/jpg"><source media="(min-width:768px)" srcset="/images/aspirational-photos/borrow--va-money-main-image--959.webp" type="image/webp">
  <source media="(min-width:768px)" srcset="/images/aspirational-photos/borrow--va-money-main-image--959.jpg" type="image/jpg">
  <source media="(min-width:480px)" srcset="/images/aspirational-photos/borrow--va-money-main-image--767.webp" type="image/webp">
  <source media="(min-width:480px)" srcset="/images/aspirational-photos/borrow--va-money-main-image--767.jpg" type="image/jpg">
  <source media="(min-width:0px)" srcset="/images/aspirational-photos/borrow--va-money-main-image--479.webp" type="image/webp">
  <source media="(min-width:0px)" srcset="/images/aspirational-photos/borrow--va-money-main-image--479.jpg" type="image/jpg">
  <img src="/images/aspirational-photos/borrow--va-money-main-image--479.jpg" alt="VA Money - A picture of a calculator and some documents representing the idea that you can Borrow Money for your business requirements">
</picture>

浏览器说图像是 404。但是直接访问一个（最简单的方法是单击img=src显示图像上的那个。

https://www.vamoney.squareballoon.co.uk/images/aspirational-photos/borrow--va-money-main-image--479.jpg

它怎么可能既是 404 又是可见的？这一定是我正在做的愚蠢的事情吗？

4

1 回答 1

0

我曾使用该<picture>元素来显示WebP后备JPG。

我误解了JPG会回退，因为它只会在浏览器不支持时回退WebP。当它确实支持 WebP 时，如果看起来不支持，则会显示 404 错误WebP。

所以在这种情况下，问题是WebP404 错误，但我正在检查，JPG因为我预计它会回落。

于 2021-06-12T10:14:57.797 回答