WebPをAVIFに変換
WebPで画像はすでに軽くなっていますが、写真であればAVIFは同じ見た目の画質のまま、たいていさらに小さくできます。ここでまとめて変換してサイズを比べ、価値のある方を残してください。
画像変換
またはJPG, JPEG, JPE … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
85 なら写真は元の画像と見た目がほぼ変わりません。ファイルを小さくしたいときだけ下げてください。
JPG、BMP、EPS は透過に対応していません。透明な部分はこの色で塗りつぶされます。
透明な部分の背景に使う16進カラーです(例: #FFFFFF)。
この形式には 1 枚の画像しか保存できません。アニメーションを残すには GIF または WebP を選んでください。
マルチサイズのアイコンは 1 つのファイルに複数の解像度を含み、ブラウザや OS が必要なサイズを選びます。
元のサイズを維持するか、片方の辺を入力すると縦横比を保ったままサイズ変更します。
上で選んだ辺のピクセル数です。
元のサイズに対する割合です。
画面や Web には sRGB が適しています。印刷用途では元の色空間を維持してください。グレースケールにすると色情報は失われます。
メタデータのみ変更します。0 なら元の値を維持します。プリンターや一部のサイトがこの値を読み取りますが、ピクセル数は変わりません。
このツールの使い方
- 1
WebP画像をアップロード
WebPファイルを最大20個、1ファイルあたり95 MBまで追加します。Web用にすでに圧縮したファイルではなく、できるだけ高画質の元データをお使いください。
- 2
画質またはロスレスを選択
音質は60からです。AVIFの目盛りでは、写真に適した水準です。ピクセル単位で完全に維持したいグラフィックのみ、可逆にチェックを入れてください。
- 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の比較:各形式で保存できるもの
| AVIF | WebP | JPG | |
|---|---|---|---|
| 非可逆モードと可逆モード | yes | yes | 非可逆のみ |
| アルファ透過 | yes | yes | no |
| チャンネルあたりのビット深度 | 8, 10, 12 | 8 | 8 |
| 非可逆モードでのフル解像度の色 | yes | no | yes |
| HDR(PQとHLG) | yes | no | no |
| 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
AVIF
AV1 Image File Format
AVIFは、AV1動画コーデックで圧縮した静止画と画像シーケンスを保存する形式で、2019年にAlliance for Open Mediaが仕様を確定しました。同じ見た目の品質なら、通常JPEGやWebPよりファイルが小さくなり、透過、アニメーション、広色域、HDRにも対応します。エンコードは従来の形式より遅く、低品質設定では非常に細かいテクスチャーがなめらかになりすぎることがあります。主要なブラウザーはすべてAVIFを表示できますが、多くのデスクトップアプリ、SNS、古い端末では開けません。
- 圧縮方式
- 非可逆または可逆
- 透過
- 対応
- アニメーション
- 対応
- 登場時期
- 2019 · Alliance for Open Media
サイト運営者がWebPをAVIFに変換するのは、最適化済みの写真をさらに軽くし、10ビット・12ビットのHDRにも対応させるためです。一部の古いブラウザやCMSのホスティングのために、WebPをフォールバックとして残す必要があります。
WebPからAVIFへ:各形式が登場した経緯
2010
WebP発表
Googleが、VP8動画コーデックをベースにした静止画形式WebPを公開します。
2019
AVIF 1.0
Alliance for Open Mediaが、AV1をベースにしたAVIF仕様を公開します。
2020
Chrome 85とSafari 14
ChromeがAVIFの表示に対応し、SafariもようやくWebPに対応します。
2022
Safari 16
iOS 16とmacOS Venturaで、iPhone、iPad、MacがAVIFに対応します。
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は完全なアルファチャンネルを備えているため、透明な部分は透明のままです。アルファは色とは別に保存されるので、縁のなめらかなアンチエイリアスも保たれます。
- JPGをAVIFに変換JPG写真をAVIFに変換してWebページを高速化。画質は60から設定可能、カラープロファイルを保持、1回20ファイルまで、登録不要。ファイルは30分後に削除されます。
- PNGをAVIFに変換PNGをAV1ベースの画像形式AVIFに変換。透過を保持し、非可逆・可逆の両方に対応。Chrome、Firefox、Safari、Edgeで表示できます。最大20ファイルを一括変換。
- AVIFをWebPに変換ブラウザやプラグイン、サーバーがAVIFに未対応なら、AVIFをWebPに変換しましょう。透過を保持し、非可逆・可逆を選べて、1回20枚まで変換できます。
- JPGをWebPに変換JPGをWebPに変換して表示を高速化。見た目はそのままで容量が約4分の1〜3分の1減ります。最大20枚を一括変換、画質も選べて登録不要です。
- PNGをWebPに変換PNGを無料でWebPに変換。アルファチャンネル(透過)はそのまま。画質80の非可逆または可逆を選べ、1回20ファイルまで。ファイルは30分後にサーバーから削除されます。
- 画像をWebPに変換JPG・PNG・GIF・HEIC・TIFF・SVG・RAW写真をまとめてWebPに一括変換。画質は初期値80、透過とアニメーションを保持、アカウント登録不要です。