はじめに
画像ファイルの拡張子について、いまいち理解していないまま進んでいたので、ここでおさらいとして記録を残す。
画像ファイル拡張子一覧
JPEG（.jpg .jpeg）
- 意味：Joint Photographic Experts Group
-
特徴:
- 非可逆圧縮（品質を損なう圧縮）
- 写真やフルカラーの画像に適している
- 比較的小さいファイルサイズ
- 高い圧縮率でファイルサイズを抑えられるが、圧縮率が高いほど画質が劣化する
PNG（.png）
- 意味：Portable Network Graphics
-
特徴:
- 可逆圧縮（品質を損なわない圧縮）
- 透過が必要な画像やウェブ画像に適している
- JPEGよりファイルサイズが大きいことが多い
- 透過サポート、アルファチャンネル対応
GIF（.gif）
- 意味：Graphics Interchange Format
-
特徴:
- 可逆圧縮
- アニメーション、簡単なイラストやアイコン
- 小さいファイルサイズ
- アニメーションサポート、256色までのカラーパレット
SVG（.svg）
- 意味：Scalable Vector Graphics
-
特徴:
- 可逆圧縮（XMLベース）
- ベクター画像（アイコン、ロゴ、グラフなど）
- 小さいファイルサイズ
- 無限に拡大縮小可能、ウェブでの使用に最適、テキストとして編集可能
WEBP（.webp）
- 意味：Web Picture Format
-
特徴:
- 可逆圧縮および非可逆圧縮の両方をサポート
- ウェブ画像に適している
- JPEGやPNGよりファイルサイズが小さいことが多い
- 高い圧縮率で画質を保持、透過サポート
ICO（.ico）
- 意味：Icon
-
特徴:
- 可逆圧縮
- ウェブサイトやアプリケーションのアイコン
- 小さいファイルサイズ
- 複数の解像度を含むことが可能、Windowsアイコン形式
PDF（.pdf）
- 意味：Portable Document Format
-
特徴:
- 可逆圧縮および非可逆圧縮の両方をサポート
- ドキュメント、グラフィックデザイン、印刷
- 可変なファイルサイズ
- テキスト、画像、ベクターを含むことが可能、広範な互換性
HEIF（.heif .heic）
- 意味：High Efficiency Image Format
-
特徴:
- 非可逆圧縮
- 高品質画像、Appleデバイスで広く使用
- JPEGより小さいファイルサイズ
- 高い圧縮率と高品質、複数の画像や動画フレームを含むことが可能
PSD（.psd）
- 意味：Photoshop Document
-
特徴:
- 可逆圧縮
- Adobe Photoshopでの画像編集
- 大きいファイルサイズ
- レイヤー、マスク、ベクター、テキストなどの編集可能な要素を保持
AI（.ai）
- 意味：Adobe Illustrator
-
特徴:
- 可逆圧縮（PDFベース）
- Adobe Illustratorでのベクター画像編集
- 小から大のファイルサイズ
- ベクター画像、無限に拡大縮小可能、印刷物やウェブ用グラフィックデザインに最適
TGA（.tga）
- 意味：Truevision Graphics Adapter
-
特徴:
- 可逆圧縮および非圧縮
- ゲーム開発、3Dアプリケーション
- 大から中のファイルサイズ
- 透過サポート、高品質画像
AVIF（.avif）
- 意味：AV1 Image File Format
-
特徴:
- 非可逆圧縮および可逆圧縮
- ウェブ画像、高品質写真、ストレージ効率が求められる画像
- PEGやPNGよりも小さいファイルサイズ、WEBPと同等かそれ以下のサイズ
- 高校率圧縮、高画質、透過サポート、HDRサポート、ライセンスフリー
参考資料