是否有一个现成的解决scheme，根据浏览器的分辨率发送一部分隔行JPEG？

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

我很确定我可以自己动手，即使我从来没有手动触摸过JPEG的字节。 如果你想要破解它，那么你被邀请去做;）

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

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

或者，你也可以使用某种browsercaps.ini或类似的方法，并依靠它来获得最初的解决scheme – 然后让记者在必要时进行更正。

我实际上需要这两个完全分离的环境，一个是使用PHP，另一个是使用node.js（后者更重要）。

我很确定picasaweb已经在做这个东西了，或者至less做过。 你可以看到一个图像，并逐渐加载 – 然后你可以放大它，它是块状，但继续加载逐渐，我记得，我对此印象深刻！

（不公平的是，谷歌保持他们自己的酷东西，记住他们的座右铭{°«°]）

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（使用jQuery）：

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