UltKit

AVIF・HEIC・WebPの違いとは?最新画像形式を比較 | UltKit

WebP、HEIC、AVIFはいずれも写真をJPGよりおよそ3分の1から半分ほど小さくできますが、作られた目的が異なります。WebPとAVIFはWebページ用、HEICはスマートフォンの保存用です。現行のブラウザはすべてWebPとAVIFを表示できる一方、HEICを確実に開けるのはApple製品だけです。そのため、どの形式で保存するかは、画像を次にどこで使うかで決まります。

Jonas WeberJonas WeberWebパフォーマンス担当編集者
更新日 11 分で読めます
暗い背景の前で斜めから撮影した、トリプルカメラを備えたグレーのスマートフォンの背面

WebP・HEIC・AVIFの成り立ち

WebP は3つの中で最も古い形式です。Google は2010年9月に発表しました。その数か月前に On2 Technologies を買収しており、同社の動画コーデック VP8 が新形式の基盤になりました。静止画の WebP は、基本的に VP8 のキーフレーム1枚を小さな RIFF コンテナに収めたものです。初期版は非可逆圧縮のみでしたが、その後3年ほどで可逆圧縮、透過用のアルファチャンネル、アニメーションが追加され、1つの形式で JPG・PNG・GIF の代わりになります。この形式と libwebp ライブラリは、Google のWebP開発者サイトで今も公開されています。

HEIC の成り立ちは異なります。HEIF(High Efficiency Image File Format)は、Moving Picture Experts Group が2015年に ISO/IEC 23008-12 として公開したコンテナ規格です。HEIF ファイルには複数のコーデックで圧縮した画像を格納でき、コーデックが HEVC(H.265)の場合に HEIC と呼ばれます。Apple は2017年に iOS 11 と macOS High Sierra(iPhone 7 以降)でこれをカメラの標準形式にし、この決定によって数十億枚の HEIC 写真がほぼ一夜で出回りました。多くの人がこの形式を目にするのはそのためです。

AVIF は最も新しい形式です。2015年に Google、Mozilla、Microsoft、Amazon、Netflix、Cisco、Intel が設立した Alliance for Open Media が、2018年にロイヤリティフリーの動画コーデック AV1 を、2019年2月に AVIF 1.0 の画像仕様を公開しました。技術的には、AVIF は HEIF コンテナを借りて HEVC を AV1 に置き換えたもので、AVIF と HEIC はエンジンの違う親戚のような関係です。加盟企業は特許料のかからない最新のコーデックを求めており、Alliance for Open Mediaは今も AV1 と AVIF の仕様を公開しています。

圧縮・透過・アニメーション・HDRの違い

3つの形式はいずれも動画コーデックから派生しており、それが圧縮方法にも表れています。JPG の固定された 8 × 8 ピクセルのブロックではなく、隣接するピクセルから各領域を予測し、可変サイズのブロックを使い、デコード後に境界をフィルター処理します。その結果、低画質設定でもブロックノイズが目立ちにくくなります。AVIF はその点で最も進んでおり、同じ見た目の画質なら通常最も小さなファイルになります。特に、JPG ではバンディングが出始める滑らかな空、肌、グラデーションで差が出ます。代わりにエンコード時間がかかり、同じ写真でも WebP の何倍も時間がかかることがあるため、スマホや混雑したサーバーでは負担になります。

機能面の対応は思ったより近いものです。3形式とも透過に対応し、アニメーションモードもありますが、アニメーション HEIC は実際にはほとんど見ません。可逆圧縮では WebP が際立っています。可逆モードは非可逆モードとは別に設計されており、スクリーンショットやグラフィックでは PNG より小さくなるのが普通です。AVIF と HEIC も理論上は可逆にできますが、ファイルが大きくなりやすく、そのモードを備えたツールはまれです。もう1つの大きな違いは色深度です。WebP は1チャンネル8ビットまでですが、HEIC と AVIF は10ビットカラーに対応し、AVIF は12ビットや HDR 画像も扱えます。

対応状況の差は、ライセンスでかなり説明できます。WebP と AV1 はロイヤリティフリーで公開されたため、ブラウザ開発元は誰にも支払わずに実装できました。HEVC は複数のライセンスプールが管理する特許の対象です。そのため Chrome、Firefox、Edge は、OS がライセンス済みのデコーダーを提供している場合にだけ HEVC 画像をデコードします。サイト運営者にとってこの差は決定的で、全員が見られる形式のほうが、半数の訪問者にしか届かないまま数キロバイト節約できる形式より優れています。

3形式の機能比較(参考として JPG を併記)
項目WebPHEICAVIFJPG
公開時期2010年、Google2015年(HEIF)、Apple 標準化は2017年2019年、AOMedia1992
基盤技術動画コーデック VP8HEVC / H.265動画コーデック AV1DCTブロック
可逆モードあり(広く使用)ほとんど使われないあり(ほとんど使われない)なし
透過対応対応対応非対応
アニメーション対応可能だが稀対応非対応
ビット深度 / HDR8ビット、HDRなし最大10ビット8・10・12ビット、HDR対応8ビット
ライセンスロイヤリティフリーHEVC特許プールロイヤリティフリー基本仕様はロイヤリティフリー

一般的なファイルサイズの比較

サイズの差は写真、エンコーダー、画質設定によって変わるため、数値はあくまで目安として見てください。ノートPCの画面で同じに見える画質設定にした 1200 × 800 px の写真では、JPG が約 150–200 KB、WebP が約 100–140 KB、AVIF が約 60–100 KB が一般的です。Google 自身の比較では、非可逆 WebP は JPG より 25–34% 小さく、Apple は HEIC をカメラ写真で JPG の約半分のサイズと説明しています。JPG で 3–4 MB になる 12 MP の iPhone 写真は、HEIC では通常 1.5–2.5 MB です。

グラフィックでは傾向が変わります。単色とテキストが中心のスクリーンショットは、可逆 WebP が最も小さく、次に PNG となることが多く、AVIF の利点は小さくなります。小さなサムネイルでも差は縮まります。どの形式にも数百バイトのヘッダーがあるためです。以下のよくある誤解は、こうした前提なしにベンチマークの数値だけを読んだことから生まれます。

MythAVIF は常に WebP より小さい。

Fact中程度の画質の写真では通常そうなります。スクリーンショット、アイコン、可逆のグラフィックでは、WebP が同等かそれ以上に小さいことも多くあります。

MythHEIC は Apple 独自の形式である。

FactHEIF は MPEG による ISO/IEC 規格です。Apple が普及させましたが、Canon や Sony の一部のカメラも10ビット HEIF を記録オプションとして備えています。

Myth.webp を .jpg に名前変更すれば変換できる。

Fact変わるのは名前だけで、中身は WebP のままです。ファイルシグネチャを確認するプログラムでは今も拒否され、破損と表示されることもあります。

MythJPG に戻せば元の画質に戻る。

Fact非可逆圧縮で失われたディテールは戻りません。JPG のコピーは元より大きくなるのが普通で、良くても見た目が同じになるだけです。

スマートフォンを横向きに持つ両手と、カメラ画面に映る明るい空っぽの部屋
写真:Unsplash

2025年のブラウザとOSの対応状況

Webでは、WebP と AVIF は対応が確立しています。Chrome、Edge、Firefox、Safari はいずれも WebP を表示でき、最後に対応した Safari は2020年の macOS Big Sur と iOS 14 に搭載された 14 です。AVIF は2020年の Chrome 85、2021年の Firefox 93、2022年の Safari 16 で対応し、Edge は2024年初めに加わりました。最新のブラウザなら両方とも表示されます。AVIF が見られないのは、iOS 15 より先に更新できない iPhone など古い Safari のままの人だけで、<picture> 要素を使えばそうした人に JPG を代わりに送れます。

HEIC は逆の状況です。Apple のデバイスならどこでも開け、Safari 17 なら Web ページ内でも表示できますが、Chrome、Firefox、Edge は公開Web上の HEIC 画像を表示しません。Windows 10 と 11 では、Microsoft Store の HEIF 画像拡張機能を追加すれば フォト アプリで HEIC を開けます。多くの PC では有料の HEVC ビデオ拡張機能も必要です。最近の Android は HEIF をデコードできますが、サードパーティのアプリやWebサイトの対応は大きく異なります。

デスクトップソフトはその中間です。Adobe Photoshop は2022年のバージョン 23.2 から WebP をそのまま開け、現行の画像ビューアーのほとんどが WebP に対応しています。エディター、オフィススイート、古いプログラムでの AVIF と HEIC の対応にはばらつきがあり、多くのアップロードフォームは今も .jpg、.jpeg、.png だけを許可してそれ以外を拒否します。プラットフォームごとの状況を下にまとめます。

Webブラウザ

WebP と AVIF は現行の Chrome、Edge、Firefox、Safari で表示できます。HEIC を表示できるのは Safari 17 以降だけです。

iPhone、iPad、Mac

3形式とも写真アプリとプレビューで開けます。AVIF は iOS 16 または macOS Ventura 以降が必要で、HEIC は iOS 11 と macOS High Sierra から使えます。

Windows 10 と 11

WebP はフォトアプリでそのまま開けます。HEIC には HEIF 画像拡張機能が必要で、有料の HEVC ビデオ拡張機能も必要になることが多く、AVIF には AV1 ビデオ拡張機能が必要です。

Android

WebP は初期のバージョンから対応しています。HEIF と AVIF のデコードは最近のバージョンにありますが、ギャラリーやメッセージアプリによって表示できるかどうかが異なります。

フォーム、ポータル、プリントショップ

ほとんどが JPG と PNG のみです。アップロードページに明記されていない限り、WebP、HEIC、AVIF は非対応と考えてください。

用途に合った形式の選び方

Web配信では、WebP が基本の答えで、AVIF がその上の最適化です。サイトを管理できるなら、AVIF に対応するブラウザには AVIF、それ以外には WebP か JPG を配信してください。多くの画像CDNやフレームワークがこれを自動で切り替えます。用意できるファイルが1つだけなら、現行のすべてのブラウザが表示でき、エンコードも速い WebP が安全です。スマホの保存には、iPhone では HEIC が最適です。カメラがそのまま書き込み、写真アプリが読み込め、同じ容量に約2倍の枚数を保存できます。

アーカイブ、印刷、各種手続きでは話が逆になります。写真アーカイブは20年後でも特別なコーデックなしで読めるべきで、カメラから出たままの元データを残し、必要に応じて JPG のコピーを作るのが向いています。プリントショップは通常 JPG か TIFF を求め、行政、試験、就職のポータルは JPG か PNG だけを受け付け、キロバイト単位の容量上限があることもよくあります。こうした場合は変換したコピーが現実的な答えで、元のファイルはライブラリに残します。

よくある4つの用途を下にまとめます。どの形式のベンチマークが良いかではなく、ファイルの行き先で選んでください。

Webページ

AVIF に WebP か JPG をフォールバックとして用意します。1つだけ配信するなら WebP です。

スマホの保存

iPhone では HEIC。見た目の劣化なく保存容量を半分にできます。

アーカイブと印刷

元データを保管し、プリントショップには JPG か TIFF のコピーを渡します。

アップロードフォーム

JPG か PNG で、ポータルの上限に合わせてサイズを変更します。

AVIF・HEIC・WebPの画像変換

変換のほとんどは、互換性のために新しい形式から JPG や PNG へ向かう一方向です。写真には JPG、透過部分や鮮明に保ちたい細かい文字がある画像には PNG を選びます。AVIF を JPG に変換するコンバーターは、Web 用の AVIF がすでに強く圧縮されているため 音質 90 から始まり、詳細設定 の 透過部分 オプションで透明なピクセルを何で埋めるかを決められます。HEIC を JPG に変換するコンバーターも 90 から始まり、メタデータを削除 のチェックを外さない限り位置情報を削除します。

WebP の場合、WebP を JPG に変換ページは品質 85 から始まり、通常のサイズで見れば元と同じに見えます。どのコンバーターも1回に最大20ファイル、1ファイル 95 MB まで受け付け、アカウントは不要で、アップロードしたファイルと結果は処理から30分後に削除されます。HEIC を JPG に変換する方法とWebP を JPG に変換するとき・理由では、スマホの設定や特殊なケースを詳しく解説しています。

逆方向の変換も同じように役立ちます。サイトを運営しているなら、アップロード前にJPG 写真を AVIF に変換すると、通常は容量が約半分になります。下の表は、これらの形式間の変換のうち、UltKit に専用のコンバーターページがあるものを示しています。

from ↓ · to →JPGPNGWEBPAVIFPDF
AVIFAVIF to JPG: yesAVIF to PNG: yesAVIF to WEBP: yes– AVIF to AVIF: noAVIF to PDF: yes
HEICHEIC to JPG: yesHEIC to PNG: yesHEIC to WEBP: yes– HEIC to AVIF: noHEIC to PDF: yes
WEBPWEBP to JPG: yesWEBP to PNG: yes– WEBP to WEBP: noWEBP to AVIF: yesWEBP to PDF: yes
supported not offeredチェックは専用のコンバーターページがあることを示します。対角線上のセルは同じ形式への変換なので空欄です。

元ファイルを残しておくべき場合

非可逆変換はそのたびに少しずつディテールを失うため、マスターではなくコピーを変換してください。HEIC ファイルは iPhone のライブラリに残し、必要な人やプログラム向けにだけ JPG を書き出します。HDR 写真も同様です。AVIF と HEIC は10ビットカラーを保存できますが、8ビットの JPG に変換すると明るいハイライトが標準の範囲に収められます。共有には問題ありませんが、後で編集するには向きません。また編集する可能性があるなら、元のファイルか可逆の PNG コピーを残し、編集はすべてそこから行ってください。

新しい形式がすでに受け付けられる場合も、元のファイルを残してください。Webサイト作成ツール、チャットアプリ、クラウドドライブが WebP や HEIC を直接受け付けるなら、変換しても手間が増えてファイルが大きくなるだけです。アップロード、送信、印刷の直前という出口で変換すれば、ライブラリを少しずつ劣化させることなく互換性を得られます。

Tipフォルダ全体を変換する前に、変換先のアプリやフォームで1ファイルだけ試してください。そのままアップロードできるなら、残りを変換する必要はありません。

ポイント

  • WebP(2010年)と AVIF(2019年)はWeb向け形式で、HEIC(2017年から iPhone の標準)は保存向けの形式です。
  • AVIF は通常、写真が最も小さくなり HDR に対応します。WebP はエンコードが速く、可逆モードが最も優れています。
  • 現行のすべてのブラウザが WebP と AVIF を表示できますが、HEIC には Apple のソフトか Windows の拡張機能が必要です。
  • フォーム、プリントショップ、古いプログラムは今も JPG か PNG を前提としているので、使う時点でコピーを変換してください。
  • 元のファイルは残してください。再エンコードで失われたディテールは戻らず、ファイルも大きくなるのが普通です。
共有XFacebookWhatsAppTelegram

よくある質問

AVIFはWebPより優れていますか?

ウェブサイトに載せる写真なら、AVIFのほうが同じ画質でファイルが小さくなりやすく、HDRにも対応しています。WebPはエンコードがはるかに速く、可逆圧縮(ロスレス)モードも優れていて、やや古いブラウザでも表示できます。そのため、両方を配信しているサイトも多くあります。

HEICとHEIFは同じものですか?

HEIFはコンテナの規格で、HEICはHEVCで圧縮した画像を収めたHEIFファイルです。iPhoneではどちらも同じ写真を指し、ファイルの拡張子は通常 .heic です。

WebPやAVIFの画像はSNSにアップロードできますか?

大手プラットフォームの多くはWebPに対応し、AVIFを受け付けるところもありますが、アップロードされた画像はたいてい再エンコードされます。アップロードに失敗したりプレビューがおかしかったりするときは、JPGにしておけば確実です。

WebPやAVIFの画像はGoogleの検索順位で有利になりますか?

Googleは、特定の画像形式を使っているからといってページの順位を上げることはありません。画像が小さくなればページの表示は速くなりやすく、ページエクスペリエンスはGoogleが考慮する多くの指標の1つです。

AVIFファイルの作成に時間がかかるのはなぜですか?

AV1のエンコーダーは、従来のコーデックよりはるかに多くの分割方法や予測方法をブロックごとに探索します。その探索でファイルは小さくなりますが、時間がかかります。最も遅く効率の高い設定では特に顕著です。

背景が透明なロゴにはどの形式を使えばよいですか?

ロゴやアイコンにはPNGまたはロスレスWebPを使ってください。どちらも透過とくっきりしたエッジをそのまま保てます。ロゴがベクターデータで手元にあるなら、SVGがさらに適しています。

関連記事