Как просмотреть формат webp на ie11

Можно ли в любом случае просмотреть формат изображения webp в IE11 или преобразовать его в другой формат с помощью кода javascript в этом браузере? Я попробовал элемент «изображение», но похоже, что он не может работать как Chrome62.


javascript internet-explorer webp picture-element
person Hâm Zon    schedule 05.12.2017    source источник
comment
см. caniuse.com/#feat=webp ... поищите полифиллы в ресурсах ... хотя , IE11 также не поддерживает webm, поэтому вы можете застрять   -  person Jaromanda X    schedule 06.12.2017
comment
пожалуйста, дайте мне подсказку, чтобы преобразовать webp в другой формат (png, jpg) с помощью javascript   -  person Hâm Zon    schedule 06.12.2017
comment
подсказка: IE11 не поддерживает webp или webm... так что... {рок}... вы... {наковальня}   -  person Jaromanda X    schedule 06.12.2017

Ответы (1)


arrow_upward
11
arrow_downward

Это также очень простой в использовании и эффективный полифил для рендеринга изображений WebP в IE. или другие браузеры, которые не поддерживают рендеринг WebP. Вот как это использовать: -

<script src="https://unpkg.com/[email protected]/dist-cjs/polyfills.js"></script>
<script src="https://unpkg.com/[email protected]/dist-cjs/webp-hero.bundle.js"></script>
<script>
 var webpMachine = new webpHero.WebpMachine();
 webpMachine.polyfillDocument();
</script>
person WaughWaugh    schedule 07.05.2019
comment
Хотя это выглядит великолепно, а с учетом обесценивания Flash это единственная возможность для IE11 и Safari, он добавляет 300 КБ минифицированного/100 КБ минимизированного + gzip-архива и по-прежнему как минимум в 10 раз медленнее, чем png/jpeg в IE11/Safari. Чтобы представить это в перспективе, вся структура VueJS составляет 1/3 этого размера, и это замедлит работу вашего сайта в Safari и IE11. Если webp экономит вам 100 КБ на изображение, и у вас есть сотни изображений, и вы не используете webp для значков, и вы загружаете эту библиотеку только в том случае, если обнаружены IE11 или Safari, это решение прекрасно и потрясающе. - person Nick Steele; 17.02.2020
comment
@NickSteele Моя мысль xD - person dyingangel666; 13.05.2020
comment
Это потрясающая работа. Большое спасибо за публикацию решения! - person Bhushan Gohel; 17.05.2020