是否有一个现成的解决方案，只发送隔行JPEG的一部分取决于浏览器的分辨率

Question

我是问你是否知道是否有现成的解决方案，而不是怎么做。

我很确定我可以把它自己，即使我从来没有碰过字节的JPEG手动。如果你想要一个裂缝，你可以这样做;)

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

所以你要确保所有的JPEG都是渐进式的，只先发送它的低频位，空闲tcp连接，等待客户端报告浏览器窗口中的可用空间有多大。

或者，您有某种browsercaps.ini或类似的，并依靠它来获得初始分辨率-然后让报告者在必要时报告更正。

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

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

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

Answer 1

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

可以确定设备document.write(screen.width+'x'+screen.height);的屏幕大小或浏览器的大小。而不是为每个图像添加src属性，添加可能的来源到html5 data-属性，如:

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

JavaScript (With jQuery):

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