従来のデスクトップモニターでは画像の表示に違和感は無いが、スマートフォンやタブレット等の高解像度ディスプレイではテキストが綺麗(滑らか)に表示されているのに対して画像が少しぼけたような表示になります。retina.jsで、このぼけを解消することができます。jsの使いかたretina.jsの仕組みは、ページをロードする際に高解像度ディスプレイかを判別して、その場合は高解像度ディスプレイ用に用意された画像を従来の画像と差し替えます。要するにサイズ違いの同じ画像を2種類用意してそれを使い分ける形になります。head要素内に指定して読み込ませます。標準のディスプレイ用の画像と2倍のサイズにした高解像度ディスプレイ用の画像を用意します。retina.jsがデバイスに適した画像を自動的に読み込んでくれます。