フォーマット解説
主要な画像フォーマットをわかりやすく実践的に解説。圧縮の仕組み、透過・アニメーション対応、ブラウザ対応状況、使い分けを紹介します。
- JPGJoint Photographic Experts Group (JPEG)
JPG とは？
JPEG（JPG）は写真に最も広く使われている画像形式です。非可逆圧縮により、見た目は元の画像とほとんど変わらないまま、Web、メール、カメラで扱いやすいサイズに収まります。
解説を読む - JFIFJPEG File Interchange Format
JFIF とは？
JFIF（JPEG File Interchange Format）は、JPEG で圧縮した画像をファイルとして格納するための標準的な形式です。.jfif ファイルは、拡張子が違うだけの普通の JPEG 画像です。
解説を読む - PNGPortable Network Graphics
PNG とは？
PNG（Portable Network Graphics）は、透過に完全対応したロスレスの画像形式です。グラフィック、ロゴ、スクリーンショット、文字を含む画像の定番です。
解説を読む - WEBPWebP
WEBP とは？
WebP は Google が開発した最新の画像形式です。非可逆・ロスレス両方の圧縮、透過、アニメーションに対応し、同程度の画質で JPEG より一般に 25〜35% 小さくなります。
解説を読む - AVIFAV1 Image File Format
AVIF とは？
AVIF（AV1 Image File Format）は、広く対応している画像形式の中で最も高効率な形式です。ロイヤリティフリーの動画コーデック AV1 をベースにしており、同程度の画質で JPEG より 30〜50% 小さくなることが多く、透過、HDR、アニメーションにも対応します。
解説を読む - GIFGraphics Interchange Format
GIF とは？
GIF（Graphics Interchange Format）は 1987 年に登場した画像形式で、短いループアニメーションでよく知られています。各フレームは 256 色のパレットに制限されます。
解説を読む - BMPBitmap Image File
BMP とは？
BMP（ビットマップ）は Microsoft Windows のシンプルな画像形式で、通常は圧縮されていません。ロスレスですが、ファイルは非常に大きくなります。
解説を読む - TIFFTagged Image File Format
TIFF とは？
TIFF（Tagged Image File Format）は、印刷、スキャン、写真、アーカイブで使われる、柔軟で高品質な形式です。
解説を読む - ICOWindows Icon
ICO とは？
ICO は Windows のアイコン形式です。1 つの .ico ファイルに同じアイコンを複数のサイズで格納できるため、今でも Web サイトのファビコンに使われています。
解説を読む - SVGScalable Vector Graphics
SVG とは？
SVG（Scalable Vector Graphics）は、図形、パス、テキストを XML で記述した画像形式で、どんなサイズでもくっきり表示されます。
解説を読む - HEICHigh Efficiency Image Container (HEIF)
HEIC とは？
HEIC は iOS 11 以降の iPhone と iPad で使われている High Efficiency Image 形式です。JPEG の最大半分の容量で写真を保存できますが、開けない端末や Web サイトが多くあります。
解説を読む
画像フォーマット比較
要点のまとめです。詳しくは各解説をご覧ください。
| 形式 | 圧縮 | 透過 | アニメーション | ブラウザ対応 | 適した用途 |
|---|---|---|---|---|---|
| JPG | 非可逆 | 非対応 | 非対応 | すべて | 写真、あらゆる共有 |
| PNG | ロスレス | 対応 | 対応 | すべて | グラフィック、スクショ、透過 |
| WEBP | 非可逆・ロスレス | 対応 | 対応 | 最新のブラウザすべて | あらゆる Web 画像 |
| AVIF | 非可逆・ロスレス | 対応 | 対応 | 最新のブラウザすべて | 最も軽量な最新 Web 画像 |
| GIF | ロスレス | 1 ビットのみ | 対応 | すべて | 短くシンプルなアニメーション |
| JFIF | 非可逆 | 非対応 | 非対応 | すべて | JPG と同じ（旧来の拡張子） |
| HEIC | 非可逆 | 対応 | 対応 | 限定的 | iPhone の写真 |
| TIFF | 非可逆・ロスレス | 対応 | 非対応 | 限定的 | 印刷、スキャン、アーカイブ |
| BMP | ロスレス | 対応 | 非対応 | すべて | 古い Windows ソフト |
| ICO | ロスレス | 対応 | 非対応 | すべて | ファビコン、Windows アイコン |
| SVG | ベクター | 対応 | 対応 | すべて | ロゴ、アイコン、イラスト |