Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Learn more about Collectives

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Learn more about Teams

Is there anyway to view webp image format on IE11 or can convert it to another format with javascript code on this browser? I tried "picture" element but seems like it cann't work like Chrome62

see caniuse.com/#feat=webp ... look in resources for polyfills ... though, IE11 doesn't support webm either, so you may be stuck Jaromanda X Dec 5, 2017 at 22:21

This is also a very easy-to-use and effective polyfill for rendering WebP images on IE or other browsers which do not support WebP rendering. Here is how to use it:-

<script src="https://unpkg.com/webp-hero@0.0.0-dev.21/dist-cjs/polyfills.js"></script>
<script src="https://unpkg.com/webp-hero@0.0.0-dev.21/dist-cjs/webp-hero.bundle.js"></script>
<script>
 var webpMachine = new webpHero.WebpMachine();
 webpMachine.polyfillDocument();
</script>
                While this looks great and with the depreciation of Flash is the only possibility on IE11 and Safari, it adds 300kb minified/100kb minified+gzipped, and is still at least 10x slower than png/jpeg in IE11/Safari.  To put this into perspective, the entire VueJS framework is 1/3rd this size, and this will slow down your site on Safari and IE11.  If webp saves you 100kb per image and you have hundreds of images, and don't use webp for icons, and you only load this library if IE11 or Safari are detected, this solution is beautiful and awesome.
– Nick Steele
                Feb 17, 2020 at 15:24
        

Thanks for contributing an answer to Stack Overflow!

  • Please be sure to answer the question. Provide details and share your research!

But avoid

  • Asking for help, clarification, or responding to other answers.
  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.