ベクターデータ

記事数:(2)

WEBサービス

SVG:図形描画の未来形

拡張性ベクターグラフィックス、略してSVGは、図や絵といった形を書き表すためのファイルの種類の一つです。私たちが普段よく目にする写真の多くは、細かい色の点の集まりで表現されていますが、SVGは点ではなく、図形の形や色の情報を数式で表します。そのため、図形を大きくしたり小さくしたりしても、画質が落ちることがありません。どんなに拡大しても、線がギザギザになったり、ぼやけたりしないので、様々な場面で使われています。例えば、会社の象徴であるロゴマークや、小さな絵記号であるアイコン、場所を示す地図、絵画のようなイラストなど、くっきりとした鮮明さを保つ必要のある図形に最適です。また、ホームページや携帯電話の応用ソフトのデザインにも広く使われており、高画質の画面にも対応できます。これまでの画像の種類では、高画質の画面に対応するために、大きさの違う画像を何種類も用意する必要がありましたが、SVGであれば一つのファイルで様々な大きさの画面に対応できるため、作業の効率も上がります。さらに、SVGは文字データで書かれているため、検索の仕組みにも認識されやすく、誰にとっても使いやすい情報提供を実現する上で役立ちます。例えば、視覚に障害のある人が利用する音声読み上げソフトでは、画像の内容を理解することができませんが、SVGであれば、文字データとして情報を読み取ることができるので、より多くの情報にアクセスできるようになります。このように、SVGは、図形の品質を保ちながら、様々な場面で活用できる優れたファイル形式です。
データ活用

ベクターデータ:図形の未来像

絵を描くとき、輪郭は大切です。輪郭線を意識することで、絵の印象が大きく変わります。例えば、紙に丸を描く場面を想像してみてください。まず、丸の外周となる線を描きますよね。この外周線が、電子的な絵の世界では「道」と呼ばれます。この「道」は、点と点を線でつないで形作られています。丸や三角、四角といった様々な形の輪郭を、この「道」を使って表現するのです。電子的な絵には、大きく分けて二つの種類があります。一つは、細かい点の集まりで絵を描く方法です。もう一つは、この「道」の情報を使って絵を描く方法です。前者は、拡大すると点が粗くなって絵がぼやけてしまいます。写真はこの方法で記録されているため、大きく引き伸ばすと画質が悪くなってしまうのです。後者は「道」の情報に加えて、「道」に囲まれた部分をどのように色で塗るか、どのような線で描くかといった情報も持っています。まるで設計図のように、絵の構造を数値で記録しているのです。そのため、いくら拡大しても輪郭がぼやけることはありません。常に滑らかな線で絵を描くことができます。例えば、会社のロゴマークを想像してみてください。ロゴは様々な大きさで使われます。名刺に印刷される小さなものから、看板に描かれる大きなものまで様々です。もし、点の集まりで描かれたロゴを大きく引き伸ばしたら、輪郭がぼやけてしまい、せっかくのデザインが台無しになってしまいます。しかし、「道」の情報を使って描かれたロゴであれば、どんなに拡大しても、くっきりとした美しい状態を保つことができます。このように、輪郭の情報を持つ「道」は、電子的な絵を描く上で、とても重要な役割を果たしているのです。