SVG ファイルとは？

SVG の意味

SVG は Scalable Vector Graphics の略です。固定ピクセルではなく、パス、図形、テキスト、色、座標で画像を表現します。

そのため、同じファイルを小さなアイコンにも大きな画像にも、ぼやけず表示できます。

SVG ファイルの仕組み

SVG は XML ベースのファイルで、テキストエディタ、ブラウザ、デザインツールで開くことができます。

コードが各図形の描画方法を指定します。これにより、拡大縮小、CSS による装飾、JavaScript によるアニメーションが可能です。

よく使われる場面

SVG はロゴ、アイコン、UI グラフィック、シンプルなイラスト、チャート、地図、ファビコンによく使われます。

はっきりした形と少ない色数の画像に向いています。写真や複雑な質感は JPG、PNG、WebP の方が適しています。

SVG のメリット

SVG は高解像度ディスプレイでも鮮明で、ファイルサイズが小さいことが多く、書き出し後も編集できます。

適切に作成された SVG は、アクセシビリティや SEO にも役立つ場合があります。

SVG を変換するタイミング

一部のサービスでは PNG、JPG、PDF、ICO、DXF が必要です。その場合、SVG を変換するとアップロード、共有、印刷がしやすくなります。