レスポンシブ Web デザインで画像を拡大または縮小するための推奨される方法は何ですか?
画面サイズごとに異なる画像を使用する方が良いですか、それとも同じ画像を拡大または縮小する必要がありますか?
ウェブサイトのパフォーマンスを考慮すると、どのオプションが最適ですか?
最新および古いすべてのモバイルブラウザーで動作するには、クロスブラウザーの方法が必要です。
3369 次
3 に答える
2
Sencha.io Src は (tinySrc に基づく) 優れたソリューションです。
デバイス検出を行い、デバイスの画面サイズに応じてスケーリングされた画像を提供します。
于 2011-07-04T14:00:45.653 に答える
0
@jitendra vyas、
同じ画像を異なる画面サイズに拡大縮小することは良いことではありませんが、画像を拡大縮小することはレスポンシブWebデザインにとって悪いことではありません。画像とデザインは、タブの解像度でもあるため、1024pxや480pxなどの特定の解像度で変更する必要があります。モバイル機器。
次のような多くの理由があります。
1）モバイルデバイスの場合、大きなサイズの画像をロードするには重くなります。
2）異なる解像度で単一の画像をスケーリングすることは、ある時点で醜くなり、大きな画像では特別になりました。
画像をいかに巧みに使用できるかについては、いくつかの参照Webサイトのリンクがあります。
＆それに関する記事http://www.smashingmagazine.com/2011/01/12/guidelines-for-sensitive-web-design/
于 2011-04-26T04:49:45.290 に答える
0
コンテナーのサイズに基づいて ajax を介して画像を読み込む小さな jQuery プラグインを作成することを考えています。しかし、私のアイデアを自由に盗んでください。（完成した場合は、ここで言及してください。）;-)
于 2012-11-13T12:32:38.030 に答える