Javascript 逐行扫描图像格式

我正在开发一个艺术家作品集网站，并在网站上展示许多由收藏品组织的绘画作品。为了加快加载时间，我正在寻找一种渐进式图像压缩格式，它允许我动态解压缩和渲染图片，这样我可以在收到一半图片数据后按比例渲染

我知道JPEG有一个渐进的选项，但我没有找到如何传输和解码它的一部分（我认为这是浏览器的工作，但我再次看到，不是所有的人都支持这个功能，所以我不知道在哪里可以找到一个例子）

---

这样做的目的是能够提供具有客户所需分辨率的图片，而无需在服务器上存储同一图片的不同缩放大小，客户无需每次下载同一图片两次（原始图片和缩略图）。

这样做行不通。你不能简单地说，我加载了一半的数据，并以一半的大小显示它——希望这确实有效。如果使用渐进式/交错式，则浏览器的任务是随着更多细节变得可用，以更详细的方式渲染图像-这不一定是两步操作，第一步是质量的一半，第二步是全面质量…不。存储空间很便宜——因此存储不同大小的图像版本并让客户选择合适的版本是一种方法。研究“响应图像”

picture

element和polyfills。虽然存储空间便宜，但带宽却不便宜，减少加载时间的同时提高响应速度是一件有趣的事情。例如，我们可以想象一台设备从纵向模式转换为paysage模式，一张较大的图片通过较小图片的数据进行更新。我“虽然存储空间便宜，但带宽却不便宜”——是的，这就是为什么您希望提供适当尺寸的图像，而不是“一刀切”。感谢您提到我不知道的polyfils。我想我会用的。