ガイド

SVG と PNG の違いと使い分け

SVG と PNG はどちらも便利ですが役割が違います。SVG は拡大縮小と編集に強く、PNG は固定サイズで互換性に優れます。

SVG は拡大縮小に向く

アイコン、ロゴ、図解、UI 素材には SVG が向いています。

PNG は互換性に強い

メール、文書、CMS、SVG 非対応の環境では PNG が安全です。

両方を使い分ける

SVG を元データとして保存し、必要に応じて PNG を書き出します。

SVG を PNG に変換