我无法显示 .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>
文件。路径没有任何问题,但图片标签似乎不适合我。我做错了什么?
我的提供商的技术人员休假回来后,我现在得到了以下信息: 其服务器上的 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 图像。问题解决了。