画像のラスターとベクター
ラスターとは（Raster）
ラスターは、色のついた小さい正方形であるピクセル（画素）を大量に組み合わせた画像で、写真などの高精細な画像に適しています。ピクセル（画素）数が多いほど高画質になり、少ないほど低画質になります。画像のピクセル数は、ファイル形式によっても異なります（JPEG、PNG、TIFFなど）。
ベクターとは（Vector）
ベクターは、数式、直線、曲線を利用し、グリッド上の固定点により画像を表現します。数式によってシェイプ（形状、輪郭、状態）、境界線、塗りの色によって画像を構築するためピクセルは存在しません。 ベクター画像はサイズが変わっても数式により再計算できるため、イメージのクオリティーに影響することなく拡大縮小できます。
長所と短所
| ラスター | ベクター |
|---|---|
| 画像はとても鮮明で色合いや影の微妙な変化を表現できる | 微妙な色のグラデーションを表現するのはむずかしい |
| 画像を拡大した時に画質が落ちる | サイズ変更しても画質は変わらない |
| 縦横のサイズが大きくなるとファイルサイズは大きくなる | 縦横のサイズが大きくなってもファイルサイズはあまり変わらない |
| 高画質なるとファイルサイズはとても大きくなる | 高画質なる（図形が増える）とファイルサイズは少し大きくなる |
| 写真などの幅広い色を使った画像に最適 | パンフレット、名刺やロゴ等のデザインに最適 |
| ベクターへの変換は困難 | ラスターへの変換は容易 |
代表的なファイル形式
ラスター
| ファイル形式 | 拡張子 |
|---|---|
| JPEG (Joint Photographic Experts Group) | .jpg, .jpeg |
| PNG (Portable Network Graphics) | .png |
| WebP (ウェッピー) | .webp |
| AVIF (AV1 Image File Format) | .avif |
| GIF (Graphics Interchange Format) | .gif |
| BMP (Bitmap Image File) | .bmp |
| TIFF (Tagged Image File Format) | .tiff |
| PSD (Adobe Photoshop File) | .psd |
ベクター
| ファイル形式 | 拡張子 |
|---|---|
| SVG (Scalable Vector Graphics) | .svg |
| EPS (Encapsulated PostScript File) | .eps |
| PS (PostScript) | .ps |
| AI (Adobe Illustrator File) | .ai |