Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[Javascript] Retina.js – Retinaディスプレイデバイスからアクセスがあった時、自動で倍の解像度の画像にリプレイスしてくれるJS

  • Pocket
  • このエントリーをはてなブックマークに追加

サイトにRetinaディスプレイデバイスからアクセスがあった際、もし該当イメージに“@2x”がファイル名末尾に付く画像があったら、そっちにリプレイスしてくれるというJS。高解像度版の画像に“@2x”と付けるだけでRetina対応ができるので便利ですね。ちなみにこの“@2x”という命名ルール、iOS Appの制作でも使われるものなので、App制作者の人には馴染みのある文字列です。またLESSでの実装にも対応しているようで、こっちならJSを使わなくてもイイみたい。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください