スマホサイト作成のための画像サイズに関するまとめ

ビットマップ画像における画像密度の事をいう。1インチ(25.4mm)をいくつに分けるかによって表す。
単位はdpi、またはppi。

devicePixelRatio
画像の1ピクセルをデバイスで何ピクセルとして描画するかを表す。

例)iPhone4のデバイスピクセル比は2。
これは1画像ピクセルを、4デバイスピクセル(縦2×横2)で描画する。
今まで等倍で描画されてた画像が、2倍のピクセルで描画される。
この場合画面での表示サイズが2倍になるわけではない、画面サイズをピクセルで表す場合は、画面解像度という言葉を使う。

Meia Queriesで指定出来る

@media only screen and (-webkit-min-device-pixel-ratio:2){
  #hoge{
    background: url(img_device-pixel-rationx2.jpg);/*2倍の画像を指定*/
  }
}