Почему формат изображения "webp" не работает - PullRequest
Новая
       10

Почему формат изображения "webp" не работает

0 голосов
/ 10 февраля 2020

Я бы хотел использовать новый формат "webp" вместо старых, однако есть проблема.

При использовании обычного формата это правильно. 

<div id="logo">
            <img src="~/css/background.png" alt="">
</div>

#logo {
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

#logo img { 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

Когда Я использую "webp", изображение не отображается. 

<div id="logo">
        <picture>
            <source srcset="~/css/background.webp" type="image/webp">
            <source srcset="~/css/background.png" type="image/jpeg">
        </picture>
    </div>

#logo {
   <same styles>
}

#logo source { 
    <same styles>
}

Как я могу это исправить?

...