4

我的网站是https://www.makarsky.dev,所有文件都位于 Github 上https://github.com/jacobmakarsky/jacobmakarsky.github.io

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

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

这会以某种方式影响 Chrome 吗?我在网上找不到任何东西来解释为什么这些图像只没有显示在 Chrome 和 Brave 浏览器中。任何帮助表示赞赏,谢谢。

4

2 回答 2

4

大多数浏览器不支持JPEG2000 。看起来 Safari 是唯一的主流浏览器。尝试将它们转换为常规 JPEG。

于 2020-02-24T19:05:56.133 回答
1

如果你试试这个

<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 图像。

谷歌肯定会推动 JPEG2000 作为通过更有效的文件大小提供图像的标准,但由于他们自己的浏览器甚至还不支持它们,所以您暂时不必担心这一点。

您可以在此处阅读有关 Google 图像最佳做法的一些信息

于 2020-02-24T19:17:50.540 回答