3

良い一日

TwitterBootstrapで流動的なレイアウトを使用しています。今、私は例えば1280*720の画像を使用しています。これで、960px以下のモバイル画面を使用しているユーザーの場合、画像のサイズが明らかに変更されます。

これで、画面のサイズを変更する（または小さい画面で表示する）と、検査要素コードで、画像に寸法と別の寸法nl :(自然：1280px * 720px）があることがわかります。したがって、明らかに自然なサイズは、サーバー上にある元の画像サイズです。

私の質問：ユーザーが流体特性を利用しているモバイルデバイスを使用して画像を表示すると、元の画像がダウンロードされてからサイズ変更されますか、それともサイズ変更された画像を携帯電話にダウンロードしますか？つまり、基本的に-モバイルデバイスを使用しているユーザーは、デスクトップユーザーと比較して小さいサイズの画像をダウンロードしますか（サーバー上の同じ画像/ 1つの画像の場合）？

ありがとう！

4

2 に答える 2

2

彼らはフルサイズの画像を取得しますが、これはパフォーマンスの面で最善のアイデアではありません。

プロジェクトでMattWillcoxのAdaptiveImagesスクリプトを使用して、これを整理します。

http://adaptive-images.com/

これはPHPベースのソリューションであるため、ニーズには適さない場合がありますが、優れたツールです。

別のオプションは、画面サイズまたはデバイス検出のいずれかに基づいて、より小さな画像を提供することです。

于 2013-03-19T12:10:44.137 に答える
1

彼らはフルサイズの画像をダウンロードし、デバイス上でサイズが変更されます。

自然なサイズとは、ダウンロードされた画像（つまり、表示されている画像）の自然なサイズを指します。

于 2013-03-19T12:09:53.543 に答える