如何在ie11上查看webp格式

Hâm*_*Zon 4 javascript internet-explorer webp picture-element

无论如何,是否可以在 IE11 上查看 webp 图像格式,或者可以在此浏览器上使用 javascript 代码将其转换为另一种格式?我尝试了“图片”元素,但似乎无法像 Chrome62 一样工作

Wau*_*ugh 11

也是一个非常易于使用和有效的 polyfill,用于在 IE 或其他不支持 WebP 渲染的浏览器上渲染 WebP 图像。以下是如何使用它:-

<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>
Run Code Online (Sandbox Code Playgroud)

  • 虽然这看起来很棒,而且随着 Flash 的贬值,它是 IE11 和 Safari 上唯一的可能性,但它增加了 300kb 缩小/100kb 缩小+gzipped,并且仍然比 IE11/Safari 中的 png/jpeg 慢至少 10 倍。从这个角度来看,整个 VueJS 框架的大小是这个大小的 1/3,这会减慢您的网站在 Safari 和 IE11 上的速度。如果 webp 为每个图像节省 100kb,并且您有数百个图像,并且不使用 webp 作为图标,并且仅在检测到 IE11 或 Safari 时才加载此库,那么这个解决方案非常漂亮且很棒。 (4认同)