Получить 404 не найдено для изображений webp на веб-сайте

#c# #asp.net #webp

#c# #asp.net #вебп

Вопрос:

Я заменяю изображения веб-сайта с .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 (Не найден)

1. Попробуй manage.accuwebhosting.com/knowledgebase/2443 /. … Возможно, вам потребуется добавить webp в iis mime-типы.

2. @VDWWD Если я уже загрузил веб-сайт на сервер, нужно ли мне все еще добавлять webp в mime-типы iis? Тем не менее, я видел это решение раньше. Но для win10 я не знаю, где я могу найти нужную настройку.

3. Да, я думаю, вам нужно это сделать, но и на сервере тоже. Настройка находится в IIS, а не в самой Windows.

Ответ №1:

вы должны включить mime-тип на сервере IIS для поддержки типа webp

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

web.config