せっかくのスマホサイト、高解像度デバイスで見たらロゴや見出し画像が粗くて残念。 なんてことはよくある話。というわけでロゴだけでもSVGでスマートフォン対応しましょう! ロゴはSVGで使いまわそう。 サイト内で複数回の使用が想定されるロゴ画像は、いちいちサイズ別に画像を用意するのは面倒です。 ひとつベクターデータのSVGロゴを用意しておけば、使いまわせますし何より高解像度デバイスにも対応できます。 参考:各ブラウザの対応状況 http://caniuse.com/#search=SVG SVGとは? SVG(エスブイジー)【 Scalable Vector Graphics 】とは、ベクター形式の画像フォーマット/画像記述言語です。ベクター形式なので、画像品質を維持したまま拡大縮小を行うことができます。そのため高品質なグラフィックでも、ファイルサイズが小さいのが特徴です。JPEGやPNGデー
![ロゴはSVGにして使いまわそう!簡単スマホ対応。|ビリオンプランのスタッフブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/ca2cb0dba8228b4d01350e9359e840f2210cc09c/height=288;version=1;width=512/http%3A%2F%2Fwww.billionplan.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F07%2Fsvg-logo-smartphone-responsive.png)