デジカメやスマホで撮った写真を保存するとき、JPEG・PNG・WebP・HEIC……と画像フォーマットの種類が多くて「結局どれを使えばいいの？」と迷ったことはありませんか？この記事では、主要な画像フォーマットの違いを圧縮方式・画質・対応状況の観点から網羅的に解説します。用途別の選び方もまとめているので、画像形式選びの決定版ガイドとしてご活用ください。
画像フォーマットとは
画像フォーマット（画像形式）とは、デジタル画像のデータをファイルとして保存するための規格です。フォーマットによって圧縮方式・対応する色数・透過の可否・ファイルサイズなどが異なり、用途に応じた使い分けが重要になります。
画像フォーマットは大きく2種類の圧縮方式に分けられます。
| 圧縮方式 | 特徴 | 代表的な形式 |
|---|---|---|
| 非可逆圧縮（ロッシー） | 人間の目に感じにくい情報を削ってファイルサイズを大幅に縮小。元には戻せない | JPEG, WebP（ロッシー）, AVIF（ロッシー） |
| 可逆圧縮（ロスレス） | 画質を一切落とさずに圧縮。元の画像を完全に復元できる | PNG, WebP（ロスレス）, AVIF（ロスレス）, GIF |
JPEG — 写真の定番フォーマット
JPEG（Joint Photographic Experts Group）は1992年に策定された画像フォーマットで、30年以上にわたり写真の標準形式として使われ続けています。
JPEGの特徴
| 項目 | 内容 |
|---|---|
| 圧縮方式 | 非可逆圧縮（DCT：離散コサイン変換） |
| 色数 | 約1,677万色（24ビット） |
| 透過 | 非対応 |
| アニメーション | 非対応 |
| ファイルサイズ | 小さい（写真に最適化） |
| 対応状況 | ほぼすべてのデバイス・アプリで対応 |
JPEGが得意な画像
写真やグラデーションなど、色の変化がなだらかな画像の圧縮に優れています。隣り合うピクセルの色が似ている領域が多いほど効率的に圧縮でき、見た目の劣化をほとんど感じさせずにファイルサイズを大幅に削減できます。
JPEGの注意点
- 再保存のたびに画質が劣化する。編集を繰り返す場合はPNGなど可逆形式で保存し、最終出力でJPEGに変換するのがベスト
- 透過に非対応。背景を透明にしたい場合はPNGを使う
- ベタ塗りや文字の画像は苦手。色の境界にモスキートノイズ（にじみ）が発生する
JPEGの圧縮や画質調整について詳しく知りたい方は、以下の記事もご覧ください。
- JPEG vs PNG比較: JPEG・PNGの違いとは？画質・用途・圧縮方式をわかりやすく比較
- 画質を保つ圧縮のコツ: 画像圧縮で画質を落とさないコツ｜用途別おすすめ設定
- 圧縮ツール比較: 画像圧縮ツール比較｜無料で使えるおすすめサービス
PNG — イラスト・ロゴに最適な可逆圧縮
PNG（Portable Network Graphics）は1996年に策定された画像フォーマットです。画質を一切劣化させない可逆圧縮と透過対応が最大の特徴です。
PNGの特徴
| 項目 | 内容 |
|---|---|
| 圧縮方式 | 可逆圧縮（Deflate） |
| 色数 | 約1,677万色＋アルファチャネル（透過） |
| 透過 | 対応（半透明も可能） |
| アニメーション | APNG形式で対応 |
| ファイルサイズ | JPEGより大きくなりやすい |
| 対応状況 | ほぼすべてのデバイス・アプリで対応 |
PNGが得意な画像
イラスト、ロゴ、図表、スクリーンショットなど、色の境界がくっきりした画像やベタ塗りの多い画像に最適です。可逆圧縮なので文字や線がにじまず、くっきりシャープに保存されます。
PNGの注意点
- 写真には不向き。同じ写真をPNGで保存するとJPEGの3〜5倍のファイルサイズになることがある
- ファイルサイズが大きくなりがち。Webサイトで大量に使う場合はWebPへの変換を検討する
WebP — Webに最適化された次世代フォーマット
WebP（ウェッピー）はGoogleが2010年に開発した画像フォーマットです。JPEGとPNGの長所を兼ね備え、Web表示に最適化されています。
WebPの特徴
| 項目 | 内容 |
|---|---|
| 圧縮方式 | 非可逆・可逆の両方に対応 |
| 色数 | 約1,677万色＋アルファチャネル |
| 透過 | 対応（非可逆モードでも透過可能） |
| アニメーション | 対応（GIF代替として利用可能） |
| ファイルサイズ | JPEGより約25〜35%小さい |
| 対応状況 | 主要ブラウザはすべて対応（IE除く） |
WebPのメリット
- 非可逆圧縮でもJPEGより約25〜35%小さいファイルサイズを実現
- 可逆圧縮でもPNGより約26%小さいファイルサイズ
- 透過とアニメーションの両方に対応しており、PNG・GIF・JPEGをすべて置き換えられるポテンシャルがある
- Chrome、Safari、Firefox、Edgeなど主要ブラウザすべてで対応済み
WebPの注意点
- 古いブラウザ（IE等）では表示できない。ただし2026年現在、IEのシェアはほぼゼロ
- 一部の画像編集ソフトが未対応。Adobe Photoshopは2022年以降で対応
- SNSやWebサービスによっては未対応の場合がある（アップロード時にJPEGに変換される）
HEIC — iPhoneの標準フォーマット
HEIC（High Efficiency Image Container）は、2017年にiOS 11からiPhoneの標準画像形式として採用されたフォーマットです。
HEICの特徴
| 項目 | 内容 |
|---|---|
| 圧縮方式 | HEVC（H.265）ベースの非可逆圧縮 |
| 色数 | 最大16ビット（約281兆色） |
| 透過 | 対応 |
| アニメーション | 対応 |
| ファイルサイズ | JPEGの約50%（同画質比較） |
| 対応状況 | Apple製品は標準対応、Windows/Androidは限定的 |
HEICのメリット
- JPEGの約半分のファイルサイズで同等の画質を実現
- 16ビットカラー対応でJPEGの8ビットより豊かな色彩表現
- 1つのファイルに複数画像を格納でき、バースト写真やLive Photosに活用
HEICの課題と変換の必要性
HEICは優れたフォーマットですが、互換性の問題から変換が必要になる場面が多くあります。
- Windowsの一部アプリで開けない
- 多くのWebサービスが未対応（JPG/PNGのみ受付）
- 写真プリントサービスが非対応
- Android端末ユーザーに渡すと開けない可能性がある
HEICについてさらに詳しく知りたい方は、以下の記事もご覧ください。
- HEICの基礎知識: HEICとは？JPGとの違いと変換が必要な理由をわかりやすく解説
- 変換の使い方: HEICをJPGに変換する方法｜無料で簡単に変換できるツール
- 一括変換: HEICを一括変換する方法｜複数ファイルをまとめてJPGに
- Windowsで開く方法: WindowsでHEICファイルを開く方法｜無料ツール＆設定ガイド
- iPhoneの設定: iPhoneのHEIC設定を変更する方法｜JPG保存に切り替える手順
AVIF — 最高効率の次世代フォーマット
AVIF（AV1 Image File Format）は2019年に策定された最新の画像フォーマットです。動画コーデック「AV1」の技術を画像に応用したもので、現存するフォーマットの中で最高の圧縮効率を誇ります。
AVIFの特徴
| 項目 | 内容 |
|---|---|
| 圧縮方式 | AV1ベースの非可逆・可逆圧縮 |
| 色数 | 最大12ビット（HDR対応） |
| 透過 | 対応 |
| アニメーション | 対応 |
| ファイルサイズ | JPEGより約50%小さい、WebPより約20%小さい |
| 対応状況 | Chrome、Firefox、Safari（16.4以降）で対応 |
AVIFのメリット
- JPEGより約50%、WebPより約20%小さいファイルサイズ
- HDR（ハイダイナミックレンジ）対応で、より広い明暗差を表現可能
- ロイヤリティフリーでライセンス料が不要（WebPのVP8にも当てはまるが、HEICのHEVCは特許料が発生）
- 写真にもイラストにも対応するオールラウンダー
AVIFの注意点
- エンコード（変換）に時間がかかる。JPEGやWebPに比べて処理が重い
- Safari 16.4未満やEdge旧バージョンでは非対応。フォールバック画像の用意が必要
- 画像編集ソフトの対応がまだ限定的
- 高解像度画像のエンコードが特に遅いため、リアルタイム変換には不向き
主要フォーマット一覧比較
5つの主要フォーマットを一覧で比較します。
| 項目 | JPEG | PNG | WebP | HEIC | AVIF |
|---|---|---|---|---|---|
| 登場年 | 1992年 | 1996年 | 2010年 | 2015年 | 2019年 |
| 圧縮方式 | 非可逆 | 可逆 | 両対応 | 非可逆 | 両対応 |
| 透過 | × | ○ | ○ | ○ | ○ |
| アニメーション | × | △（APNG） | ○ | ○ | ○ |
| ファイルサイズ | 中 | 大 | 小 | 小 | 最小 |
| ブラウザ対応 | ◎ | ◎ | ○ | △ | ○ |
| 編集ソフト対応 | ◎ | ◎ | ○ | △ | △ |
| 写真の画質 | ○ | ◎ | ◎ | ◎ | ◎ |
| イラストの画質 | △ | ◎ | ○ | ○ | ◎ |
用途別おすすめフォーマット
迷ったときは以下の早見表を参考にしてください。
Web用途
| シーン | おすすめ形式 | 理由 |
|---|---|---|
| Webサイトの写真 | WebP（フォールバックにJPEG） | 軽量で表示が速く、ほぼ全ブラウザ対応 |
| Webサイトのロゴ・アイコン | SVGまたはPNG | ベクターならSVG、ラスターならPNG |
| WebサイトのOGP画像 | JPEG | SNS各社で確実に対応 |
| GIFアニメの代替 | WebP（またはMP4） | GIFより大幅に軽量 |
| 最高の圧縮効率を求める | AVIF（フォールバック設定） | 最小ファイルサイズ |
日常用途
| シーン | おすすめ形式 | 理由 |
|---|---|---|
| メール添付の写真 | JPEG | 容量制限をクリアしやすく互換性が高い |
| SNS投稿の写真 | JPEG | どのSNSでも確実にアップロード可能 |
| スクリーンショット | PNG | 文字やUIの細部がにじまない |
| iPhoneの写真保存 | HEIC（そのまま） | ストレージ節約＆高画質 |
| iPhoneの写真を共有 | JPGに変換して送る | 互換性を確保 |
印刷用途
| シーン | おすすめ形式 | 理由 |
|---|---|---|
| 写真プリント | JPEG（高画質設定） | 対応サービスが最も多い |
| ロゴ・図表の印刷 | PNG | 色の境界がシャープに保たれる |
| 印刷業者への入稿 | 業者指定の形式（PSD/AI等） | JPEGやPNGは主にオフィス用途 |
画像フォーマットを変換するには
画像フォーマットの変換は、sakuttoのオンラインツールを使えばブラウザだけで簡単に行えます。ソフトのインストールは不要で、ファイルがサーバーに送信されることもありません。
- JPEG ↔ PNG変換: JPG・PNG変換ツールで相互変換
- WebP変換: WebP変換ツールでJPEG/PNGからWebPに変換
- HEIC → JPG変換: HEIC変換ツールでiPhoneの写真をJPGに
- 画像圧縮: 画像圧縮ツールでファイルサイズを削減
画像圧縮の関連記事はこちらです。
- 基本の使い方: 画像圧縮のやり方｜無料でファイルサイズを小さくする方法
- 一括圧縮: 画像を一括圧縮する方法｜複数ファイルをまとめて軽量化
- iPhone向け: iPhoneで画像圧縮する方法｜無料アプリ＆オンラインツール
よくある質問（FAQ）
結局どの画像フォーマットを使えばいいですか？
用途によって異なります。写真はJPEGかWebP、イラスト・ロゴはPNG、iPhoneの写真はHEICのまま保存しJPGに変換して共有、最新ブラウザ向けのWeb画像はAVIFが最適です。迷ったらJPEGを選べばほとんどの環境で問題ありません。
WebPとAVIFはどちらが優れていますか？
圧縮効率ではAVIFがWebPを上回りますが、ブラウザ対応状況やエンコード速度ではWebPが優位です。現時点ではWebPが実用的な選択肢で、AVIFは対応環境が広がるにつれて今後主流になる可能性があります。
HEICの写真をWindowsで開くにはどうすればいいですか？
Windows 11では標準対応していますが、一部アプリでは開けません。sakuttoのHEIC→JPG変換ツールを使えば、ブラウザ上で簡単にJPGに変換できます。ファイルがサーバーに送信されることもありません。
画像を変換するとファイルがサーバーに送信されますか？
sakuttoの画像ツールではすべての処理がブラウザ内で完結します。画像ファイルがインターネット上に送信されることは一切ありませんので、プライベートな写真や機密画像でも安心してご利用いただけます。
JPEGとJPGは違うものですか？
いいえ、まったく同じ形式です。正式名称はJPEGですが、古いWindowsの拡張子3文字制限により .jpg という短縮形が生まれました。現在はどちらを使っても画質やファイルサイズに違いはありません。
まとめ
画像フォーマットにはそれぞれ得意分野があり、用途に合わせた使い分けが大切です。写真はJPEG、イラストはPNG、Web最適化はWebP、iPhone写真はHEIC、最高効率を求めるならAVIF——この基本を押さえておけば、フォーマット選びで迷うことはなくなります。画像の圧縮や変換が必要なときは、sakuttoのオンラインツールでブラウザだけでサクッと処理できます。