对于图像,已弃用的lowsrc的最佳替代方法是什么？

Question

我想使用带有img标签的lowsrc来在较大分辨率图像加载时首先(和更快)显示低分辨率图像.

我的大分辨率图像是@ 800KB,低分辨率版本是@ 50KB.

鉴于lowsrc已被弃用,并且许多浏览器显然不支持它,我正在寻找能够做同样事情的解决方案,最好是尽可能少的代码.

lowsrc有一个很好的替代品吗？

Answer 1

<img src="lowres.jpg" onLoad="this.src='highres.jpg'" width="?" height="?">

Answer 2

定义 HTML5 的 W3C 推荐标准列出了一系列过时的、不合格的功能，包括lowsrc属性。它的建议是制作渐进式 JPEG 图像，其第一次扫描具有与 50 kB 图像相同的空间细节水平，其后续扫描将填充完整 800 kB 图像中的额外细节。这种机制可能要求用户代理使用 HTTP 范围请求来确定相对于图像显示大小要检索的数据量，就像它们使用范围请求来查找 or 元素的源audio一样video。