it-swarm-ja.com

異なる画面サイズに対して異なる解像度の別々の同一の画像を使用することは一般的な方法ですか?

設計の観点から見ると、たとえばデスクトップとモバイルで異なるサイズの画像を使用することが一般的です。または、それぞれに同じ画像を使用し、CSSなどを使用して異なるサイズで表示することが一般的です。各アプローチの長所と短所は何ですか?

2
C_B

最初のアプローチは、エネルギー、時間、そして時にはお金を節約するので、ユーザーエクスペリエンスに最適です。また、これは一般的な方法です。

エネルギー消費:画像のダウンロード、処理、最終的な表示に必要な全体的なエネルギーは少なくなります。小さな処理装置(電話など)の場合、これは非常に重要です。

時間の無駄:ユーザーが画像を表示するために費やす必要がある時間は少なくなります。最初のアプローチに従って前処理を行わないと、画像を表示できない場合があります。

金銭的コスト:場合によっては、通信プロバイダーが転送されたデータの量に応じて課金します。光熱費への支出は少ないです。

さらに読む:
持続可能性のための設計

データトラフィックコストとモバイルブラウジングのユーザーエクスペリエンス

1
cameraman