mof-brown

ずっとモフモフしてたい

WebサイトのRetina対応について思うこと

MacBook ProRetinaディスプレイを搭載したということで、
最近WebサイトのRetina対応が熱いですね。

WebサイトをRetinaディスプレイに対応させる方法まとめ7つ

新型MacBook Proのおかげで大半のウェブサイトはデザインやり直し?

上記サイトでも指摘されている通り、今後Webデザインも従来の画像による装飾ではなく、
SVGやWebフォントを駆使したデザインに変わっていくと思います。

とはいっても端末の解像度に最適化された画像をレンダリングする要件は必須と言えます。
現状考えられる方式としては

  1. Media Queries
  2. JavaScript による切り替え
  3. mod_rewrite によるURL切り替え

でしょうか。

本来の役割で言えば 1) が適切だとは思いますが、
実際の記述を見る限り面倒そうではあります。皆様乙です。

また、モバイル端末から3G経由でアクセスする場合は、 あまり大きいデータをダウンロードさせたくないですよね。
ロゴはSVGにするとして、jpegについては WebP等新フォーマットにに置き換わっていくのかもしれません。

今後も動向をチェックせねば。