ラスター画像とベクター画像の完全ガイド

ラスター画像(PNG、JPEG、GIF、BMP)は、それぞれが独自の色を持つ固定ピクセルのグリッドとして画像を保存します。デジタルカメラ、スキャナー、スクリーンショットはすべてラスター画像を生成します。これは、光センサーやディスプレイが実際に画像を1ピクセルずつ捉え、表示しているためです。

その代償が解像度への依存です。ラスター画像は、元のピクセル寸法までしか正しく表示されません。それを超えると、ソフトウェアは足りない部分を埋めるために新しいピクセル値を推測しなければならず、これが拡大したラスター画像がぼやけたりブロック状に見えたりする理由です。

ベクター画像(SVG、EPS、AI、ベクター形式のPDFなど)は、画像を図形の数学的な記述 ― 点、線、曲線、そしてそれぞれに定義された塗りや線の情報 ― として保存します。図形は画像が表示・印刷されるたびに新しく計算し直されるため、固定された解像度というものが存在しません。

これにより、ベクターは拡大縮小が必要なあらゆるもの ― ロゴ、アイコン、タイポグラフィ、技術イラスト、そしてレーザーカッターやCricut、Silhouetteのようなマシン向けのカットパス ― に最適です。

ベクターからラスターへの変換(「ラスタライズ」)はシンプルです。図形を必要なサイズのピクセルグリッドに描画するだけで、これはデザインツールからPNGをエクスポートする際に自動的に行われている処理です。

一方、ラスターからベクターへの変換にはトレースが必要です。ピクセルグリッドを解析し、似た色をグループ化し、その境界に数学的な曲線をフィッティングする処理です。詳しい仕組みは画像トレースの仕組みをご覧いただくか、PNGをSVGに変換して直接試してみてください。