html - レスポンシブでの画像のサイズ変更

Question

レスポンシブウェブデザインは、画像をモバイルデバイスの画面に合わせてサイズ変更します。画像全体がモバイルデバイスにダウンロードされ、画面に合わせてサイズが変更されます。これにより、不要なCPUとRAMが消費されます。別の方法はありますか？

Answer 1

あなたが探しているのは「アダプティブイメージ」だと思います。基本的に、デバイス/ビューポートに基づいて小さい画像を提供します。

最近、これについてかなり多くの話がありますが、ここから始めることができる場所が1つあると思います。

http://adaptive-images.com/

これはサーバー側のアプローチを使用します。この場合のPHP。

これらの記事は、現在の状況の概要を理解するのに役立ちます。

• http://filamentgroup.com/lab/rwd_img_compression/
• http://blog.netvlies.nl/design-interactie/retina-revolution/

お役に立てば幸いです。