【Design Knowledge】「画像ファイル」の「種類」
【Design Knowledge】
「画像ファイル」の「種類」
「画像ファイル」の「種類」
INDEX
はじめに
「写真」「イラスト」などで、
使用される「画像ファイル」は、
特徴によって、
適した「画像ファイル形式」で、
画像が保存される。
「写真」画像では、
一般的に「JPEG」形式が、
広く使用されている「画像ファイル形式」。
Back
「画質」が良い「画像ファイル形式」
「画質」の良さは、
・圧縮方式（可逆か非可逆か）
・色情報の保持
・ダイナミックレンジ
・編集耐性
などによって決定する。
それらを総合的に評価し、
「画質が高い画像ファイル形式」と判断する。
画質だけでなく「ファイルサイズ」「互換性」「編集耐性」なども考慮するなら、
「目的別の最適形式選び」が重要。
「画質」の良い「画像ファイル形式」一覧（総合評価）
| ランク | 形式 | 特徴 | 画質評価 | 備考 |
|---|---|---|---|---|
| 1位 | RAW (.raw, .dng) | センサーの生データ | ★★★★★ |
編集耐性最強、非圧縮または可逆。 RAW形式は、 カメラメーカーごとに異なる拡張子 「.cr2」「.nef」「.arw」などがある。 画質は最上級。 |
| 2位 | TIFF (.tif) | 印刷・スキャン向け高画質 | ★★★★★ |
可逆圧縮、色情報保持力が高い。 TIFFは、印刷業界で定番。 レイヤーやCMYK対応も可能。 |
| 3位 | OpenEXR (.exr) | 映画・VFX向けHDR画像 | ★★★★★ |
高ダイナミックレンジ、32bit対応。 OpenEXRは、 映画制作やCGで使われる特殊形式で、 HDRや浮動小数点カラーに対応。 PNGは、 Web用途で最も画質が安定して高く、 透過も可能。 |
| 4位 | PNG (.png) | 劣化なし、透過対応 | ★★★★☆ |
可逆圧縮、Webでも高画質。 PNG**はWeb用途で最も画質が安定して高く、透過も可能。 |
| 5位 | HEIF (.heic) | 高効率・高画質 | ★★★★☆ |
非可逆だが圧縮効率が非常に高い。 HEIF/AVIF/WebPは、 次世代形式で、画質と圧縮率のバランスが非常に良好。 |
| 6位 | WebP (.webp) | 高圧縮・透過・アニメ対応 | ★★★★☆ |
非可逆でも画質保持力が高い。 HEIF/AVIF/WebPは、 次世代形式で、画質と圧縮率のバランスが非常に良好。 |
| 7位 | JPEG 2000 (.jp2) | JPEGより高画質 | ★★★★☆ |
可逆・非可逆両対応、普及率低め。 |
| 8位 | AVIF (.avif) | 次世代Web画像 | ★★★★☆ |
高圧縮・高画質、対応環境増加中 HEIF/AVIF/WebPは、 次世代形式で、画質と圧縮率のバランスが非常に良好。 |
| 9位 | BMP (.bmp) | 非圧縮 | ★★★☆☆ |
劣化なしだが、ファイルサイズ大。 |
| 10位 | JPEG (.jpg) | 写真向け標準 | ★★☆☆☆ |
非可逆、圧縮率によって画質劣化あり。 |
Back
画像用途別による「おすすめの画像ファイル形式」
画像を使用・製作するときには、
その画像の種類によって、利用すべき「画像ファイル形式」は異なる。
用途別の「おすすめ形式」
| 用途 | おすすめ形式 |
|---|---|
| 写真編集・保存 | RAW, TIFF |
| Web表示 | PNG, WebP, AVIF |
| 印刷 | TIFF, PDF（ベクター含む） |
| アニメーション | WebP, GIF（画質は劣る） |
| 高ダイナミックレンジ | OpenEXR, HDR |
Back
「画像ファイル形式」の分類
「画像ファイル形式」は、
表示形式、製作形式、保存形式によって、
大きく分類することができる。
「画像ファイル形式」の分類 一覧
| 画像ファイル形式 | 拡張子 |
|---|---|
| ラスタ形式（ピクセルベース） | JPEG, PNG, BMP, GIF など |
| ベクター形式（数式・座標ベース） | SVG, AI, EPS など |
| 可逆圧縮 | PNG, TIFF, SVG など（画質劣化なし） |
| 非可逆圧縮 | JPEG, WebP, HEIC など（画質劣化あり） |
Back
良く利用されている「画像ファイル形式」
良く利用されている「画像ファイル形式」は、
写真向けの「JPEG」。
世界中で、一番利用されている「画像ファイル形式」。
スマートフォンの復旧で、
気軽に写真を撮影できることになったのが要因だが、
ファイル形式には、
写真、イラストなど、
向き不向きがある。
広く使われる「一般的な画像ファイル形式」
| 拡張子 | 名称 | 用途 | 圧縮方式 |
|---|---|---|---|
| jpg / jpeg | JPEG | 写真向け、広く普及 | 非可逆圧縮 |
| png | Portable Network Graphics | 透過対応、劣化なし | 可逆圧縮 |
| gif | Graphics Interchange Format | アニメーション対応 | 可逆圧縮（256色） |
| bmp | Bitmap | Windows標準、非圧縮 | 非圧縮または可逆 |
| webp | WebP | 高圧縮率、透過・アニメ対応 | 可逆・非可逆両対応 |
| heic / heif | High Efficiency Image Format | iPhone標準、高効率 | 非可逆（HEVCベース） |
| tiff / tif | Tagged Image File Format | 印刷・スキャン用途 | 可逆・非可逆両対応 |
Back
拡大しても劣化しない「ベクター画像形式」
イラストデザインや、グラフィックデザインを製作するときに、
曲線を綺麗に描くことができるのが「ベクター形式」。
「ベクター画像形式」を利用して、
滑らかな曲線のデザインを作ることができ、
綺麗な印刷にすることが出来たりする。
編集ソフトによって、
「ベクター画像形式」の「拡張子」は、異なる。
もちろんそれぞれの拡張子を使用することもできることが多い。
拡大しても劣化しない「ベクター画像形式」一覧
| 拡張子 | 名称 | 用途 | 圧縮方式 |
|---|---|---|---|
| svg | Scalable Vector Graphics | XMLベース、Web向け | 可逆（テキスト形式） |
| eps | Encapsulated PostScript | 印刷業界向け | 可逆 |
| Portable Document Format | ベクター＋ラスタ両対応 | 可逆（場合による） | |
| ai | Adobe Illustrator | Illustrator専用 | 可逆（プロプライエタリ） |
| cdr | CorelDRAW | CorelDRAW専用 | 可逆 |
Back
「専門」「技術」用途の「画像ファイル形式」
画像ファイル形式の中でも、
一般の人ではなく、技術者や、専門家が、
高いクォリティを求めて利用する「画像ファイル形式」がある。
高品質な画像や、
専門性の高い画像は、
専用の画像ファイル形式が用意されているようなもの。
「専門」「技術」用途の「画像ファイル形式」一覧
| 拡張子 | 名称 | 用途 | 圧縮方式 |
|---|---|---|---|
| raw | RAW | デジカメの生データ | 非圧縮または可逆 |
| dng | Digital Negative | AdobeのRAW標準 | 可逆 |
| exr | OpenEXR | 映画・VFX向けHDR画像 | 可逆（高ダイナミックレンジ） |
| hdr | Radiance HDR | 照明・CG向け | 可逆 |
| dicom / dcm | Digital Imaging and Communications in Medicine | 医療画像（CT/MRI） | 可逆 |
| fits | Flexible Image Transport System | 天文学用 | 可逆 |
Back
「その他」の「画像ファイル形式」
Webのタブに表示される「アイコン」の画像や、
編集ソフトの独自ファイル形式など、
画像ファイルには、
有名な画像ファイル形式以外にも、色々とある。
「その他」の「画像ファイル形式」一覧
| 拡張子 | 名称 | 用途 | 圧縮方式 |
|---|---|---|---|
| ico | Icon | Windowsアイコン | 小サイズ複数含む |
| psd | Photoshop Document | レイヤー付き編集用 | Adobe専用 |
| xcf | GIMP Image | GIMP編集用 | オープンソース |
| tga | Targa | ゲーム・CG向け | 古いが一部で使用 |
| avif | AV1 Image File Format | 次世代Web画像 | 高圧縮・透過対応 |
Back
「画像ファイル」の「種類」と「特徴」一覧
「画像ファイル」の
「種類」と「特徴」をリスト化してまとめています。
| 動画ファイル形式 | |||
|---|---|---|---|
| ファイル形式 | 拡張子 | 再現色数 | 特徴 |
| HEIC/HEIF | .heic | 約10億6433万色 |
スマートフォンの「iPhone」で 撮影した写真画像ファイルに採用されているファイル形式。 「高画質」なファイル形式で、 データサイズは小さい。 |
| 一般的な画像ファイル形式（広く使われる） | |||
| ファイル形式 | 拡張子 | 再現色数 | 特徴 |
| JPEG | jpg / jpeg | 1677万色 |
非可逆圧縮 写真向け、広く普及 一般的に、 画像ファイルに使われている画像ファイル形式。 写真画像は、「JPEG」形式が多い。 ほぼすべての端末に対応している。 非可逆式の画像ファイルなので、 一度変更したら元に戻すことはできない。 「高画質」なファイル形式で、 データサイズは小さめ。 |
| Portable Network Graphics | png | 1677万色 |
可逆圧縮 透過対応、劣化なし 画質の調整が可能な画像ファイル。 データサイズは大きめ 背景を「透明」として扱うことができる。 |
| Graphics Interchange Format | gif | 256色対応 |
可逆圧縮（256色） アニメーション対応 「イラスト」などで、 シンプルなデザインなどに使用される。 「ロゴ」のデザインなど。 「複数画像を組み合わせ、 簡単なアニメーションの動く画像ファイルを作成できる。 |
| Bitmap | bmp |
非圧縮または可逆 Windows標準、非圧縮 | |
| WebP | webp |
可逆・非可逆両対応 高圧縮率、透過・アニメ対応 | |
| High Efficiency Image Format | heic / heif |
非可逆（HEVCベース） iPhone標準、高効率 | |
| Tagged Image File Format | tiff / tif |
可逆・非可逆両対応 印刷・スキャン用途 | |
| ベクター画像形式（拡大しても劣化しない） | |||
| ファイル形式 | 拡張子 | 再現色数 | 特徴 |
| Scalable Vector Graphics | svg |
可逆（テキスト形式） XMLベース、Web向け | |
| Encapsulated PostScript | eps |
可逆 印刷業界向け | |
| Portable Document Format |
可逆（場合による） ベクター＋ラスタ両対応 | ||
| Adobe Illustrator | ai |
可逆（プロプライエタリ） Illustrator専用 | |
| CorelDRAW | cdr |
可逆 CorelDRAW専用 | |
| 「専門」「技術」用途 | |||
| ファイル形式 | 拡張子 | 再現色数 | 特徴 |
| RAW |
.arw .cr2 .nef .raf など | 約4兆3980億色 |
非圧縮または可逆 デジカメの生データ 何も加工をしていない生のデータ。 撮影後に、 「編集ソフト」で、 編集加工をする前提の撮影データ形式。 主に高機能なデジタルカメラなどで採用されている。 「プロ」が使用するデータ形式でもある。 データサイズは非常に大きい |
| Digital Negative | dng |
可逆 AdobeのRAW標準 | |
| OpenEXR | exr |
可逆（高ダイナミックレンジ） 映画・VFX向けHDR画像 | |
| Radiance HDR | hdr |
可逆 照明・CG向け | |
| Digital Imaging and Communications in Medicine | dicom / dcm |
可逆 医療画像（CT/MRI） | |
| Flexible Image Transport System | fits |
可逆 天文学用 | |
| その他・特殊形式 | |||
| ファイル形式 | 拡張子 | 再現色数 | 特徴 |
| Icon | ico |
小サイズ複数含む Windowsアイコン | |
| Photoshop Document | psd |
Adobe専用 レイヤー付き編集用 | |
| GIMP Image | xcf |
オープンソース GIMP編集用 | |
| Targa | tga |
古いが一部で使用 ゲーム・CG向け | |
| AV1 Image File Format | avif |
高圧縮・透過対応 次世代Web画像 | |
Back
Gallery
