JPEG、PNG、WebP、HEIC — 画像フォーマットを理解する

iPhoneで写真を撮るとHEICで保存されます。ウェブから画像をダウンロードするとWebP形式です。Photoshopからエクスポートするとき、JPEGとPNGのどちらにするか選ぶことになります。開発者の同僚はAVIFについて話しています。これほど多くの画像フォーマットが使われている今日、どれを選ぶべきか迷うのは当然です。

この記事では、最もよく使われる画像フォーマットを分解し、それぞれの技術的背景を説明し、どのような場面で何を使うべきかを明確にガイドします。

非可逆 vs 可逆：根本的な違い

すべての画像フォーマットは、以下の2つのカテゴリーのいずれかに分類されます：

• 非可逆圧縮は、ファイルサイズを小さくするために画像データの一部を永久に破棄します。元の品質に戻すことはできません。その代わり、ファイルサイズが大幅に小さくなります。
• 可逆圧縮は、画像データを一切失うことなくファイルサイズを削減します。解凍された画像はオリジナルとピクセル単位で完全に同一です。

一部のフォーマットは両方のモードに対応しています。この区別を理解することが、適切なフォーマットを選ぶ鍵です。

各フォーマットの解説

JPEG（JPG）

1992年に作られたJPEGは、世界で最も広く使われている画像フォーマットです。人間の目がどのように色を知覚するかに基づいた非可逆圧縮を使用し、気づきにくい詳細を破棄します。

• 最適な用途： 写真、多色でグラデーションの多い複雑な画像
• 不向きな用途： テキスト、線画、ロゴ、透過が必要な画像
• 透過： 非対応
• アニメーション： 非対応
• 品質制御： 圧縮レベルを調整可能（通常60〜95%）

JPEGは写真に優れています。微妙なディテールの損失はほぼ目に見えず、ファイルサイズの削減は劇的で、非圧縮画像の10分の1になることもあります。

PNG

1996年にGIFの特許フリーな代替として登場したPNGは、可逆圧縮を使用します。すべてのピクセルが正確に保存されます。

• 最適な用途： スクリーンショット、ロゴ、アイコン、テキストオーバーレイ、透過が必要な画像
• 不向きな用途： 大きな写真（ファイルサイズが非常に大きくなります）
• 透過： フルアルファチャンネル（256段階の透明度）
• アニメーション： APNGでサポート（以前はブラウザサポートが限定的でしたが、現在は広くサポート）

PNGは、シャープなエッジ、テキストの可読性、または透過背景が必要な場合の定番フォーマットです。

WebP

Googleが開発し2010年にリリースしたWebPは、JPEGとPNGの両方を置き換えるユニバーサルフォーマットとして設計されました。非可逆と可逆の両方の圧縮、透過、アニメーションを1つのフォーマットでサポートします。

• 最適な用途： あらゆる種類のウェブ画像、JPEGとPNGの両方の代替
• 不向きな用途： 印刷ワークフロー、ユニバーサルな互換性が重要な環境
• 透過： 対応（非可逆・可逆両モード）
• アニメーション： 対応（アニメーションGIFをはるかに小さいファイルで置き換え）
• サイズの利点： 同等のJPEGより通常25〜35%小さく、PNGより25%小さい

2026年現在、WebPはすべての主要ブラウザでサポートされており、多くのウェブサイトでデフォルトの画像フォーマットとなっています。

HEIC / HEIF

HEIC（High Efficiency Image Container）は、2017年のiOS 11からiPhoneの写真に採用されたフォーマットです。HEVC（H.265）ビデオコーデックに基づいています。

• 最適な用途： モバイルフォトグラフィー、Appleエコシステム
• 不向きな用途： ウェブ公開、クロスプラットフォーム共有
• 透過： 対応
• アニメーション： 対応（画像シーケンス）
• サイズの利点： 同等の品質でJPEGより約50%小さい

HEICは小さなファイルサイズで優れた品質を実現しますが、主な制限は互換性です。Windowsや多くのウェブプラットフォームでは使用前に変換が必要です。

AVIF

最新の候補であるAVIF（AV1 Image File Format）は、オープンソースのAV1ビデオコーデックに基づいています。Google、Netflix、Mozillaを含む大手テクノロジー企業が支援しています。

• 最適な用途： 最大限の圧縮が求められるウェブ画像
• 不向きな用途： 高速エンコードが必要なワークフロー（AVIFのエンコードは低速）
• 透過： 対応
• アニメーション： 対応
• サイズの利点： WebPより通常20〜30%小さく、JPEGより50%以上小さい

AVIFは現在利用可能な中で最高の圧縮率を提供しますが、エンコードが遅く、ツールのサポートはまだ成熟途上です。

フォーマット比較表

実践的な選択ガイド

このシンプルなフローチャートで適切なフォーマットを選びましょう：

1. ウェブ用の写真ですか？ WebP（またはプラットフォームが対応していればAVIF）を使いましょう。最大限の互換性が必要ならJPEGにフォールバックしてください。
2. 透過が必要ですか？ WebPまたはPNGを使いましょう。ユニバーサルな互換性を保証したい場合はPNGを選んでください。
3. ロゴ、アイコン、スクリーンショットですか？ 可逆品質にはPNG、より小さなファイルにはWebP（可逆）を使いましょう。
4. アニメーションですか？ GIFの代わりにWebPを使いましょう――劇的に小さなファイルで高品質です。
5. Appleデバイス限定ですか？ HEICで問題ありません。それ以外の場合は、共有前にJPEGまたはWebPに変換してください。
6. 印刷用ですか？ 可逆品質にはTIFFまたはPNGを使いましょう。最高品質のJPEGも許容範囲です。

画像フォーマットの将来

トレンドは明確です：新しいフォーマットはより高い品質でより良い圧縮を実現しています。AVIFは今後数年でウェブの主要フォーマットになる勢いですが、WebPはすでにクリティカルマスに達しており、引き続き広く使われるでしょう。JPEGとPNGがなくなることはありません――そのユニバーサルなサポートとシンプルさにより、新しいフォーマットと長期にわたって共存し続けるでしょう。

さらに詳しく

ToolK.ioでは、画像フォーマット間の変換、ウェブ向けの画像圧縮、HEICファイルの操作ができる無料ツールのほか、一般的な画像タスクに関するステップバイステップのチュートリアルを提供しています。