为什么我的 JPEG2000 格式 (.jp2) 图像显示在 Safari 而不是 Chrome 或 Brave？

Question

我的网站是https://www.makarsky.dev , all files are located on Github at https://github.com/jacobmakarsky/jacobmakarsky.github.io

我正在按照以下格式链接图像 - ./resources/images/forbes.jp2

我的图像位于资源文件夹内的图像文件夹中，因此 ./resources/images 在我的 HTML 文件中用于所有图像。

这会以某种方式影响 Chrome 吗？我在网上找不到任何可以解释为什么这些图像只在 Chrome 和 Brave 浏览器中不显示的内容。感谢您的帮助，谢谢。

Answer 1

JPEG2000 is not supported by most browsers。看起来 Safari 是唯一支持的主线浏览器。尝试将它们转换为常规 JPEG。

Answer 2

如果你试试这个

<picture>
<source srcset="./resources/images/forbes.jp2" type="image/jp2"> <!-- safari -->
<source srcset="./resources/images/forbes.webp" type="image/webp"> <!-- multiple -->
<source srcset="./resources/images/forbes.jpg" type="image/jpeg"> <!-- multiple -->
<img src="./resources/images/forbes.jpg" alt="Forbes"> <!-- default -->
</picture>

您可以添加对其他浏览器的支持，同时在 Safari 上仍然支持 JP2 图像。

Google 肯定会推动 JPEG2000 作为以更高效的文件大小提供图像的标准，但由于他们自己的浏览器甚至还不支持它们，因此您不必担心一阵子。

你可以阅读一些关于 Google's Image Best Practices Here

为什么我的 JPEG2000 格式 (.jp2) 图像显示在 Safari 而不是 Chrome 或 Brave？

Why are my JPEG2000 format (.jp2) images showing in Safari but not in Chrome or Brave?

html

google-chrome

jpeg2000

brave