Webp 不在服务器上显示

Question

我有这样的图片：

<img src="img.webp" onerror="this.onerror=null; this.src='img.png'"/>

在本地文档中它显示了 webp 图片，但在服务器上没有。文件夹和文档是一样的。

有人可以帮忙吗？我还没有在网上找到任何东西。

Answer 1

我找到问题了。我必须在根目录中创建一个文件名 web.config。该文件必须具有以下代码代码：

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

Webp 不在服务器上显示

Webp dont show on server

html

javascript

image

webp