エスブイジー
SVGとは？
Scalable Vector Graphics
線や図形の情報で表す画像形式。
SVGの意味
単純なロゴやアイコンなどに向き、拡大しても輪郭をきれいに表示できます。写真向けの形式ではなく、複雑さによって容量も変わります。外部から受け取ったSVGは、安全性も確認して使います。
どんな場面で使う？
Webサイトやアプリの見た目、情報の並び方、利用者の操作を考える場面で登場します。
見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。
身近な例
同じSVGのロゴを、スマホでは小さく、パソコンでは大きく表示します。
何を押さえればいい？
役割
線や図形の情報で表す画像形式。
理解の深さ
基本の意味に加えて、関連する用語との役割の違いまで押さえると理解が深まります。
確認の視点
見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。
似た言葉・関連する言葉との違い
「SVG」は線や図形の情報で表す画像形式ものです。一方、「アイコン」は意味や操作を小さな絵で表す記号ものです。役割を分けて考えると、二つのつながりを理解しやすくなります。
使うとき・学ぶときの注意
きれいに見えることだけを目的にせず、読みやすさ、操作のしやすさ、さまざまな利用環境を一緒に考えることが大切です。
SVGについてのQ&A
QSVGをひと言でいうと？
A線や図形の情報で表す画像形式。
QSVGはどの言葉と一緒に覚えるとよい？
A「アイコン」、「PNG」、「アスペクト比」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。
ほかの言葉も調べてみませんか？
用語一覧へ戻る