Retina.jsでRetinaディスプレイに対応する

Retina.jsを利用することでJavaScriptを読み込み画像を用意するだけで簡単にRetinaディスプレイに対応できます。

利用方法

ダウンロード:http://imulus.github.io/retinajs/

こちらからJavascriptファイルをダウンロードします。

ヘッダーで読み込みます。

<script src="retina.js" type="text/javascript"></script>

Retinaディスプレイに対応させたい画像を二倍の大きさで用意し、以下の命名規則で名前をつけます。

通常

my_image.png

2倍の画像

my_image@2x.png