ベクター画像とラスター画像の違い
この記事のポイント
- ラスターは点(ピクセル)、ベクターは図形でできた絵
- 写真はラスター、ロゴはベクター
- ベクター→ラスターは簡単、逆は難しい
画像ファイルは大きく2種類に分けられます。小さな点(ピクセル)をすき間なく並べて作ったラスター画像と、点と線の位置を数式のように記録したベクター画像です。この違いがわかると、どの形式をいつ使えばよいかがずっとはっきりします。
ラスター: ピクセルでできた絵
ラスター画像は、方眼紙のマスに1つずつ色を塗ったようなものです。横1000マス、縦1000マスなら100万個のピクセルがあることになります。写真のように色が細かく変化する絵を表すのに向いています。
そのかわり、サイズが決まっています。1000ピクセルの画像を4000ピクセルに拡大すると、もとはなかったマスをまわりの色から推測して埋めることになるので、ぼやけたり階段状に見えたりします。PNG、JPG、WEBP、GIF、BMPはすべてラスター形式です。
ベクター: 図形でできた絵
ベクター画像は「ここからあそこまで線を引き、この曲線の内側を青で塗る」といった命令を記録します。表示するたびにその命令を計算し直して描くので、どれだけ拡大しても輪郭がなめらかです。ロゴ、アイコン、文字、図表、イラストのように形がはっきりした絵に向いています。
SVG、EPS、AI、そしてベクターで保存したPDFが代表的なベクター形式です。
互いに変換できる?
ベクター → ラスターは簡単です。好きなサイズで一度描いて、ピクセルとして保存すればよいだけです。SVGをPNGに変換がまさにこの作業です。
ラスター → ベクターは難しい作業です。ピクセルの絵から輪郭を探して図形にする「トレース」が必要で、写真のように複雑な絵はうまくいかず、シンプルなロゴでも手で整える必要があることが多いです。PNGをSVGやEPSの形式で保存することはできますが、それは絵をベクターファイルの中に入れただけで、ベクターになったわけではありません。
選び方の目安
- 写真 → ラスター(JPG、WEBP)
- ロゴ、アイコンの元データ → ベクター(SVG、EPS)
- ロゴを文書やSNSに入れるとき → ベクターの元データから必要なサイズで書き出したラスター(PNG)
- 印刷物 → できればベクター、写真は十分に大きなラスター
元データはベクターで保管し、必要なときにそのつど適したサイズのラスターを作って使うのが、いちばんよい習慣です。