「SVGならベクターだから軽くてキレイに表示できる」と思っていませんか? Webで使うことを前提に作られていない場合、逆にファイルサイズが大きくなったり、レンダリングに時間がかかったりすることもあります。 この記事では、SVGOでSVG画像をWeb向けに最適化する3つの方法を紹介します。 SVG画像を最適化すべき理由 SVG(Scalable Vector Graphics:スケーラブル・ベクター・グラフィックス)は解像度に依存しない画像のフォーマットです。ピクセルベースの画像にはないメリットは、Retinaディスプレイを搭載したデバイスでもキレイに表示されることや、レスポンシブのWebサイトで画像が劣化しないことなどがあります。 グラフィックスデザイナーではない人は、オンラインにあるCreative Commons(クリエイティブコモンズ)やPublic Domain(パブリックドメイン