无法打开html中的webp图片

问题描述 投票:0回答:1

我无法显示 .webp 文件。
html代码:

<body>
Test Webp/JPG images: <br /><br />
Image1 Webp (1.4 MB):<br />
<picture>
  <source type="image/webp" media="(min-width:650px)" srcset="../../240806_2066_GotaHovratt_450.webp" style="width:auto;">
  <img src="../../240806_2066_GotaHovratt_full.jpg" >
</picture>
<br /><br />
Image2, largest jpg (17 MB):<br />
<img src="../../240806_2066_GotaHovratt_full.jpg" width="1200" >
<br /><br />
Image3, highres jpg (1.2 MB): <br />
<img src="../Highres/240806_2066_GotaHovratt_20.jpg" width="1200" >
</body>

网址:arxfoto.se/data/_testwebp.html

我正在使用 w3schools.com

HTML <picture>
标签示例,并使用支持
webp
的 Google Chrome。
作为备份的
240806_2066_GotaHovratt_full.jpg
文件 - 如果
webp
文件不起作用 - 也不会显示,但会在
jpg
标签中显示为普通
<img>
文件。路径没有任何问题,但图片标签似乎不适合我。我做错了什么?

webp
1个回答
0
投票

我的提供商的技术人员休假回来后,我现在得到了以下信息: 其服务器上的 IIS 不会自动支持 MIME 类型 .webp。他们希望保留 IIS 的原始设置。 MIME 类型“.Webp”是最近添加的,要支持它,我必须将以下代码放入我网站上的 web.config 文件中:

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
   <system.webServer>
      <staticContent>
         <mimeMap fileExtension=".webp" mimeType="image/webp" />
      </staticContent>
   </system.webServer>
</configuration>

完成此操作后,我还可以在我的网站上显示 .webp 图像。问题解决了。

© www.soinside.com 2019 - 2024. All rights reserved.