UltKit

WebPをAVIFに変換

WebPで画像はすでに軽くなっていますが、写真であればAVIFは同じ見た目の画質のまま、たいていさらに小さくできます。ここでまとめて変換してサイズを比べ、価値のある方を残してください。

画像変換

またはJPG, JPEG, JPE … ファイルをここにドロップ ·

1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除

出力

ファイルは当社のサーバーで処理され、30分後に削除されます。

このツールの使い方

  1. 1

    WebP画像をアップロード

    WebPファイルを最大20個、1ファイルあたり95 MBまで追加します。Web用にすでに圧縮したファイルではなく、できるだけ高画質の元データをお使いください。

  2. 2

    画質またはロスレスを選択

    音質は60からです。AVIFの目盛りでは、写真に適した水準です。ピクセル単位で完全に維持したいグラフィックのみ、可逆にチェックを入れてください。

  3. 3

    AVIFに変換

    AVIFに変換を押してダウンロードし、サイトの画像を差し替える前に、それぞれの結果をWebPと見比べてください。

画像が写真で、閲覧者が最新のブラウザを使っていて、ページの1キロバイトでも削りたい場合は、WebPをAVIFに変換してください。小さなグラフィックの場合や、プラットフォームがAVIFを保存できない場合は、WebPのままにします。

AVIFがWebPより有利な場合

WebPの非可逆モードは2010年のVP8動画コーデックがベースで、色を半分の解像度、チャンネルあたり8ビットだけで保存します。2019年にAlliance for Open Mediaが公開したAVIFは、AV1動画コーデックの圧縮技術を採用しています。低ビットレートでも細部を保て、色をフル解像度で保存でき、10ビット・12ビットの色深度にも対応します。そのため、空や肌、柔らかな影のある写真は、同じ見た目でAVIFのほうが小さくなるのが一般的です。

この利点は、小さな画像やエッジのくっきりしたグラフィックでは小さくなります。数キロバイト以下のアイコンは削れる余地が少なく、スクリーンショットや図表では可逆AVIFが可逆WebPに劣ります。まとめて変換して数値を比べ、軽いほうを残してください。元がJPGの場合は、WebPを経由せず、元のJPGをJPGをAVIFに変換で変換すると、画像の再圧縮が1回で済みます。

AVIFとWebPの比較:各形式で保存できるもの

AVIFWebPJPG
非可逆モードと可逆モードyesyes非可逆のみ
アルファ透過yesyesno
チャンネルあたりのビット深度8, 10, 1288
非可逆モードでのフル解像度の色yesnoyes
HDR(PQとHLG)yesnono
Safariでの表示Safari 16以降Safari 14以降全バージョン
WordPressメディアライブラリ6.5以降5.8以降全バージョン

WEBP

WebP 画像

WebP は、ウェブページの表示を速くするために Google が 2010 年に公開した画像形式です。非可逆圧縮と可逆圧縮の両方、アルファ透過、アニメーションを 1 つの形式で扱えます。非可逆 WebP は、同程度の画質の JPEG と比べて一般に 25–35% 小さくなり、可逆 WebP も通常は PNG より小さくなります。現行のブラウザーはすべて対応していますが、古いデスクトップソフト、印刷サービス、アップロードフォームの中には、今でも受け付けないものがあります。Windows、macOS、最近のほとんどの画像編集ソフトで WebP を開けます。

圧縮方式
非可逆または可逆
透過
対応
アニメーション
対応
登場時期
2010 · Google
WEBP 変換

AVIF

AV1 Image File Format

AVIFは、AV1動画コーデックで圧縮した静止画と画像シーケンスを保存する形式で、2019年にAlliance for Open Mediaが仕様を確定しました。同じ見た目の品質なら、通常JPEGやWebPよりファイルが小さくなり、透過、アニメーション、広色域、HDRにも対応します。エンコードは従来の形式より遅く、低品質設定では非常に細かいテクスチャーがなめらかになりすぎることがあります。主要なブラウザーはすべてAVIFを表示できますが、多くのデスクトップアプリ、SNS、古い端末では開けません。

圧縮方式
非可逆または可逆
透過
対応
アニメーション
対応
登場時期
2019 · Alliance for Open Media
AVIF 変換

サイト運営者がWebPをAVIFに変換するのは、最適化済みの写真をさらに軽くし、10ビット・12ビットのHDRにも対応させるためです。一部の古いブラウザやCMSのホスティングのために、WebPをフォールバックとして残す必要があります。

WebPからAVIFへ:各形式が登場した経緯

  1. 2010

    WebP発表

    Googleが、VP8動画コーデックをベースにした静止画形式WebPを公開します。

  2. 2019

    AVIF 1.0

    Alliance for Open Mediaが、AV1をベースにしたAVIF仕様を公開します。

  3. 2020

    Chrome 85とSafari 14

    ChromeがAVIFの表示に対応し、SafariもようやくWebPに対応します。

  4. 2022

    Safari 16

    iOS 16とmacOS Venturaで、iPhone、iPad、MacがAVIFに対応します。

  5. 2024

    Edge 121とWordPress 6.5

    最後の主要ブラウザと最大のCMSが、AVIFに対応します。

WebP版を残すべき場合

AVIFに変換

  • メイン写真や商品写真
  • HDRや広色域の画像
  • 画像の重さが大半を占めるページ
  • picture要素でフォールバックを用意しているサイト

WebPのまま

  • アイコンや小さなUIグラフィック
  • 可逆のスクリーンショットや図表
  • アニメーション画像
  • AVIFのアップロードを拒否するホスティングやアプリ

AVIFのエンコードはWebPより時間がかかります。画像をその場で生成するサイトでは問題になりますが、今回のような1回限りの一括変換では問題になりません。デコードは最近のスマートフォンやノートPCなら高速です。

AVIFを表示できないブラウザを使う訪問者がまだいる場合は、picture要素でAVIFを先に、WebPをフォールバックとして両方配信すると、画像が表示されない人が出ません。AVIFを読み込めないエディターやアップロードフォームのために逆方向の変換が必要なときは、AVIFをWebPに変換をお使いください。3つの新しい形式の違いを詳しく知りたい方は、AVIF、HEIC、WebPの解説をご覧ください。

WebPをAVIFに変換:よくある質問

WebPからAVIFへの変換は、どの画像でも効果がありますか?

いいえ。写真や大きなメイン画像で効果が大きく、見た目はそのままでファイルがはっきり小さくなることがよくあります。小さなアイコン、スクリーンショット、ベタ塗りのグラフィックは、ほとんど小さくならなかったり、逆に大きくなったりします。結果を確認して、軽いほうのファイルを残してください。

画質60のAVIFが画質80のWebPと同じくらいきれいに見えるのはなぜですか?

2つの品質の目盛りは比較できません。AVIFのエンコーダーは、より低い数値で同じ見た目に到達するため、写真では50–65が標準的な範囲です。形式間で数値を合わせるのではなく、目で見た印象とファイルサイズで判断してください。

非可逆WebPを再エンコードすると画質は落ちますか?

非可逆圧縮をかけるたびに細部が少しずつ失われます。AVIFはブロックノイズを加えるより、細かなテクスチャをなめらかにする傾向があります。元のJPGやPNGが手元にあれば、そちらから変換してください。WebPから変換するのは、それが最良のデータである場合だけにしましょう。

WebPからAVIFに変換するとき、ロスレスにチェックを入れるべきですか?

WebP自体が可逆で、UIグラフィックなどピクセル単位で完全に維持したい場合に限ります。可逆AVIFは可逆WebPより大きくなることが多いため、そうしたファイルはWebPのままにしておくほうがよい場合が多いです。

ここで作ったAVIFファイルはWordPressで配信できますか?

WordPressは2024年4月公開のバージョン6.5からAVIFのアップロードに対応しています。ただし、サーバーの画像ライブラリがAVIFに対応していることが条件です。古い環境や非対応のホスティングではアップロードが拒否されるため、その場合はWebPのままにしてください。

WebPロゴの透過はどうなりますか?

AVIFは完全なアルファチャンネルを備えているため、透明な部分は透明のままです。アルファは色とは別に保存されるので、縁のなめらかなアンチエイリアスも保たれます。