19
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

闇の魔術に対する防衛術Advent Calendar 2018

Day 19

ベクタグラフィックスのすすめ

Last updated at Posted at 2018-12-31

#世の中の画像はラスタグラフィックスが多い

皆さん、画像ファイルの拡張子と言ったら何を思い浮かべますか……?

png、gif、jpg……
実はこれらの拡張子は**"ラスタグラフィックス"**という形式なんです。

形式 拡張子 編集
ラスタグラフィックス png/gif/jpg ペイント系
ベクタグラフィックス svg ドロー系

一方、**"ベクタグラフィックス"**は
svg拡張子が該当します。

#そもそもラスタグラフィックスとベクタグラフィックスとはなんぞや

簡単に言うと
ラスタグラフィックスはキャンバスを構成するドット(点)に色をつける。
ベクタグラフィックスはキャンバスに点を置いて点と点を結び線に色をつける。

そのような手法です。

ロゴや文字のみの画像を使う場合はベクタグラフィックスで作ると良いと思います。
一方、写真はラスタグラフィックスが向いていると言えます。

これがラスタグラフィックスのイメージ。
r.png

こっちがベクタグラフィックスのイメージ。
b.png

#実際に比べてみる

比較画像 形式
as2_2.png ラスタ
as ベクタ

実際に拡大して見てみてください。
ベクタグラフィックスのほうはいくら拡大しても荒くなりません。

#おわり

ベクタグラフィックスは綺麗。

gaccho

19
8
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
19
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?