Retina 対応に SVG を使う
- Date:
- 2012.07.03

iPad に続き、MacBook Pro でも Retina ディスプレイが採用され、Web サイトでも高解像度ディスプレイへの対応が課題となってきました。
Fluid Image と呼ばれる画像を拡大・縮小する手法、「Adaptive Images」や JavaScript ライブラリを使って対応する方法などありますが、このサイトでは、ロゴやアイコン等の共通パーツに SVG を使って対応しています。
iPad に続き、MacBook Pro でも Retina ディスプレイが採用され、Web サイトでも高解像度ディスプレイへの対応が課題となってきました。
Fluid Image と呼ばれる画像を拡大・縮小する手法、「Adaptive Images」や JavaScript ライブラリを使って対応する方法などありますが、このサイトでは、ロゴやアイコン等の共通パーツに SVG を使って対応しています。