我一直在尝试在我的网站上使用 Webp 图像,但是它们会在所有浏览器上显示为损坏的图像。
我已经尝试过dejanstojanovic的解决方案(我没有完全明白那里发生了什么,虽然我确实明白它正在检查浏览器是否与 webp 兼容,然后发送 webp 版本,否则它发送一个 png 或 jpeg版本)但是,这不起作用。同样,我尝试了deanhume的解决方案,但同样,这也不起作用。两个代码都返回了一个 chrome 应该支持的 webp 文件,但是页面上有一个损坏的图像。我通过将 png 文件和 webp 文件放在同一文件夹中并同时显示它们来检查以确保它不是路径的错误。png 文件运行良好,但是缺少 webp 文件。此外,如果我使用原始 HTML,则 webp 文件也可以使用,只是不适用于 ASP.NET。
_layout.cshtml
<h5 class="footer-header">Contact Info</h5>
<p class="footer-text">Contact us if you want a custom made dress, or just want to know where your package might be.</p>
<div class="row">
<div class="col-md-1">
<img style="height:50px; width:50px" src="~/Images/LocationPin100h.webp" />
<img style="height:50px; width:50px" src="~/Images/LocationPin100h.png" />
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
视图文件夹中的 web.config
<system.webServer>
<handlers>
<remove name="BlockViewHandler"/>
<add name="BlockViewHandler" path="*" verb="*" …Run Code Online (Sandbox Code Playgroud)