本当にただのメモ

なるべく Qiita に投稿しよう

SVG

Scalable Vector Graphics - Wikipedia

SVG は、XMLベースの、2次元ベクターイメージ用の画像形式の1つである。アニメーションやユーザインタラクションもサポートしている。SVGの仕様はW3Cによって開発され、オープン標準として勧告されている。

今注目の画像フォーマット「SVG」を使いこなすために最低限知っておきたいこと|ferret [フェレット]

  • SVG の強み
    • 1 . 1つのファイルでスマホ画面やRetina画面に対応
      • 結果的に画像サイズも軽減され、 HTTPリクエスト数の削減につながり、結果として ページの表示スピードがあがり、 SEO上の効果も期待できます。
    • 2 . あとから色の変更やサイズ調整が可能
      • SVGは画像ファイルということもできますが、数式や文字を用いたデータファイルという側面も持ち合わせている
    • 3 . アニメーションや透過も
      • CSSJavaScriptを使って動きをつけることもできます。

知らなかった用語

  • ベクタ画像
    • ベクタ形式 - Wikipedia
    • ベクタ形式(ベクタけいしき、vector graphics)は、コンピュータグラフィックスなどにおいて、画像を円や直線などのような解析幾何的な「図形」の集まりとして表現する形式である。 平面をスキャンし、その各点の濃淡の集まりによって画像を表現する「ラスタ形式」(ビットマップ画像)と対置される。

    • PhotoshopIllustrator の違いみたいなもんか。(雑 ... )