スマートフォン・デスクトップそれぞれに最適な画像を表示する -Adaptive Image

画像を自動判定して、スマートフォンやデスクトップなどそれぞれの表示サイズに合わせて、最適なサイズに変更して画像を表示するPHP&JavaScriptを紹介します。 導入も簡単で、5分くらいでできる感じです。 Adaptive Images in HTML [ad#ad-2] Adaptive Imagesのデモ オリジナルの画像はサイズ1900x1069px、容量631Kbで、ブラウザのサイズに合わせて、ファイルサイズを変更して画像を表示します。 ファイルサイズの変更に伴い、サイズ自体も最適化されます。

[pom2e]

cacheのディレクトリについてはここで把握しました．

[typista]

ぽけったー スマートフォン・デスクトップそれぞれに最適な画像を表示する -Adaptive Image

[tmsanrinsha]

レスポンシブ・ウェブデザイン]

[skunk0915]

レスポンシブ

[warriorking]

スマートフォン・デスクトップそれぞれに最適な画像を表示する -Adaptive Image | コリス

[sorausa1124]

スマートフォン・デスクトップそれぞれに最適な画像を表示する -Adaptive Image

[kussun]

ディスプレイの幅に合わせて自動で画像の表示調整をしてくれる。

[hedeyoshi]

こんなのもあるのかー。

[tiadeen2]

画像を自動的に変換するライブラリ。.htaccessで変換したい（もしくはしたくない）ディレクトリを制御、JavaScriptでクライアント画面サイズを取って、CookieでPHPへ受け渡してPHPが画像処理する

[junichi_y]

アクセスされたデバイス毎に最適な画像を表示する。

[nors]

http://adaptive-images.com/

[kijtra]

参考に。実際はこれやるとPHPの負荷がハンパない。

[hr07jp]

スマートフォン・デスクトップそれぞれに最適な画像を表示する -Adaptive Image

[Donca]

✔ スマートフォン・デスクトップそれぞれに最適な画像を表示する -Adaptive Image