FileHint

image/svg+xml

SVG 画像の MIME タイプ。XML ベースのベクター画像であり、ブラウザは拡大してもピクセル化しない形で表示します。

代表的な拡張子

主な用途

  • Web サイトのロゴ・アイコン配信
  • CSS / JS から動的に色や形を制御したい UI パーツ
  • ベクター素材のダウンロード配布

ブラウザ文脈

`<img>` / `<object>` / インライン `<svg>` のどれでも表示。ただし `<img>` 経由では外部 CSS からスタイル操作不可

サーバー文脈

XML なので gzip 圧縮が効果的。`Content-Type: image/svg+xml` + `Content-Encoding: gzip` のセットで体感サイズを大きく削減できます

メール文脈

HTML メール内のインライン表示に対応するクライアントが少ないため、アイコンは PNG にラスタライズして送るのが無難

出典