[...]通常の画像と@2xの画像を用意しておけば勝手に切り替わってくれて便利なのですが、一部のディスプレイで表示されない現象がありました。スマホで確認していたときは大丈夫だったのにiPadで確認したら一部の画像でなぜか落ちる。利用している別のサイトでは大丈夫だったりする。対処法:srcset属性を使って直接記述imgタグのsrcset属性を利用すれば解決するようです。HTML5からの新属性。alt="サンプル">通常のデバイスならsample.jpgが、Retinaディスプレイではsample2.jpgが読み込まれます。1x、2xで区切ってください。※@2x画像をそのまま使う場合はretina.jsが読み込まれていないか注意してください。結果:読み込み速度が上がる!余計な画像を読み込まなくなったのでスピードが速くなりました!!ロゴの画像だけ、数枚だけRetina対応にするのならこちらの方法が全然便利でした。IEなど対応していないブラウザもあるのようなのでそちらの対策も必要になってくるかもしれません。別のjsライブラリを利用すればこちらクリアするようです。ウィンドウサイズに合わせて画像を切り替える方法など、詳しいことはこちらのサイトに書いてありました。