networking - 是否有现成的解决方案可以根据浏览器分辨率发送部分隔行扫描 JPEG？

Question

我问你是否知道是否有现成的解决方案，而不是真正如何去做。

我很确定我可以自己完成它，即使我从未手动接触过 JPEG 的字节。如果您想破解它，我们邀请您这样做;)

基本想法是您有一个包含一些 JPEG 图像的网站，但您希望尽可能减少移动用户的负载。

因此，您需要确保所有 JPEG 都是渐进式的，并且仅首先发送低频位，空闲 TCP 连接，并等待客户端报告浏览器窗口中的可用空间有多大。

或者，您有某种 browsercaps.ini 或类似文件，并依靠它来获得初始解决方案 - 然后让报告者在必要时报告更正。

我实际上需要这个用于两个完全独立的环境，一个使用 PHP，另一个使用 node.js(后者更重要)。

我非常确定 picasaweb 已经在做这些事情了，或者至少已经做了。你可以查看一张图像，它会逐渐加载——然后你可以放大它，它变得 block 状，但会继续逐渐加载，我记得我对此印象深刻!

(Google 为自己保留很酷的东西，这是不公平的，记住他们的座右铭 {°«°])

Answer 1

为什么不向客户端发送可用于特定 img 标签的图像列表，然后让客户端确定应该使用哪一个？

可以确定设备的屏幕尺寸document.write(screen.width+'x'+screen.height);或 size of the browser 。不是为每个图像添加 src 属性，而是将可能的源添加到 html5 data- 属性，如下所示:

<img data-img="mobile:some-img.jpg,desktop:other-img.jpg" />

JavaScript(使用 jQuery):

$('img').each(function(){
    $(this).attr('src', $(this).attr('data-img').split(',')[0].split(':')[1]);
});