加載資源失敗：服務器響應狀態為 404 () 但訪問 url 直接顯示圖像

Question

我有一個奇怪的問題，瀏覽器說服務器在圖像上返回 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 又是可見的？ 這一定是我正在做的愚蠢的事情嗎？

Answer 1

我使用<picture>元素來展示帶有JPG后備的WebP 。

我誤解了JPG會回退，因為它只有在瀏覽器不支持WebP時才會回退。 當它支持 WebP 時，如果WebP不顯示，它會顯示 404 錯誤。

因此，在這種情況下，問題在於WebP是 404 錯誤，但我正在檢查JPG ，因為我預計它會退回。