1

実際にそれを行う方法ではなく、既成の解決策があるかどうかを知っているかどうかを尋ねています。

手動で JPEG のバイトに触れたことがないとしても、自分でやってのけることができると確信しています。あなたがそれをクラックしたい場合は、そうするように招待されています;）

基本的な考え方は、いくつかの JPEG 画像を含むサイトを持っているが、モバイル ユーザーの負荷をできるだけ減らしたいというものです。

したがって、すべての JPEG がプログレッシブであることを確認し、最初にその低周波数ビットのみを送信し、TCP 接続をアイドル状態にし、クライアントがブラウザー ウィンドウで使用可能なスペースの大きさを報告するのを待ちます。

または、何らかのbrowsercaps.ini方法または類似のものを用意し、それに基づいて最初の解決策を見つけてから、必要に応じて報告者に修正を報告してもらいます。

私は実際にこれを 2 つの完全に別々の環境で必要としています。1 つは PHP を使用し、もう 1 つは node.js を使用しています (後者の方が重要です)。

私は、picasaweb がすでにこのようなことを行っているか、少なくとも行っていると確信しています。画像を表示すると、徐々に読み込まれます。拡大すると、ブロック状になりますが、徐々に読み込まれ続けます。これには非常に感銘を受けたことを覚えています。

(そして、Google が彼ら自身のためにクールなものを保持するのは不公平です。彼らのモットーを思い出してください {°«°] )

4

1 に答える 1

1

特定の img タグに使用できる画像のリストをクライアントに送信してから、クライアントに使用する画像を決定させてみませんか?

デバイスの画面サイズdocument.write(screen.width+'x'+screen.height);またはブラウザのサイズを判断することができます。そして、各画像に src 属性を追加する代わりに、可能なソースを次のdata-ように html5 属性に追加します。

<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]);
});
于 2011-10-31T17:20:29.607 に答える