Question

我正在将网站的图像从.jpg替换为.webp。我使用的方式是通过modernizr来检测浏览器是否可以接受webp，然后设置背景图像。但是，webp图像始终存在错误。有没有我要设置的东西？或我该怎么解决这个问题？

我已经尝试过更改背景颜色，并且效果很好。

<script src="js/modernizr-custom.js"></script>
<style type="text/css">
.no-webp .bg {
    background-image: url('Image/img_Head02.jpg');
}
.webp .bg {
    background-image: url('Image/img_Head02.webp');
}

我希望webp类型的图像可以显示在网站上。但是现在有一个错误：GET http://test.poct-bio.com/JobW/Image/img_Head02.webp 404（未找到）

Answer 1

您必须在IIS服务器中包括mime类型以支持webp类型

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

web.config

在网站上找不到404图像的404图片

1 个答案: