用語集 · フォーマット
Retina
高密度ピクセルのディスプレイ。そこで画像をくっきり見せるには、2倍の解像度の版を使います。
詳細
Retina（または「高密度」）ディスプレイでは、デザイン上の1ピクセルが、実際には2つ以上のピクセルで描かれます。300×250ピクセルの画像をそのまま引き伸ばすとぼやけるため、600×500の版を用意し、300×250に縮小して表示します。
代償はファイルサイズです。2倍の解像度の画像はかなり重くなります。そのため、HTML5では可能なかぎりテキストとベクター図形（SVG）を使い、大きな画像は本当に必要な場所に限ることをおすすめします。
例
300×250のバナーで width: 300px を指定して表示する、600×500の写真。