如何解决HTML图片元素:支持WEBP的浏览器仍会加载.png / .jpg图像
我开发的网站在可能的情况下通过“图片”元素使用WEBP图像,但是当通过Google chrome运行Lighthouse时,尽管页面上显示的图像看起来像png / jpg版本仍在后台传输是WEBP版本。
有人可以告诉我为什么会这样,如果我可以防止不渲染这些图像时将其加载到背景中。 HTML示例:
<picture>
<source media="(min-width:1950px)" srcset="https://www.richphillipsphotography.co.uk/images/compressed/el-nido-philippines_4k.webp" type="image/webp">
<source media="(min-width:1950px)" srcset="https://www.richphillipsphotography.co.uk/images/compressed/el-nido-philippines_4kjpg" type="image/jpg">
<source srcset="https://www.richphillipsphotography.co.uk/images/compressed/el-nido-philippines.webp" type="image/webp">
<source srcset="https://www.richphillipsphotography.co.uk/images/compressed/el-nido-philippines.jpg" type="image/jpg">
<img src="https://www.richphillipsphotography.co.uk/images/compressed/el-nido-philippines.jpg" alt="el-nido-philippines.jpg">
</picture>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。