JPG を AVIF に変換 — 半分ほどの大きさに

JPG を AVIF にすると、見た目を保ったままファイルがおおむね半分になります。ウェブの画像でいま最も大きく効く 1 手です。変換はあなたのブラウザーの中で行われます。符号化は JPG より遅く、それは AVIF がそれだけ手間をかけているからです。その手間はあなたが 1 度払い、訪問者は毎回の読み込みで得をします。

  • 処理される場所 ブラウザーの中です。ファイルがアップロードされることはありません。
  • 非可逆 サイズと引き換えに細部が失われます。AVIFはJPGのすべてを保持できません。
  • ファイルサイズの上限 1ファイルあたり100MBまで。無料、アカウント不要です。

一度に100ファイルまで。フォーマットが混ざっていても構いません。

JPGからAVIFへの変換で実際に起きること

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as JPG.

JPG9 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as AVIF.

AVIF17 KB97% 大きい

なだらかな階調、やわらかい輪郭、粒状感のある写真です。AVIFが想定している、あるいは想定していない典型例で、数値がどちらなのかを示します。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as JPG.

JPG6 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as AVIF.

AVIF3 KB40% 小さい

背景が透明で、図形にグラデーションがかかっています。AVIFは両方を保持するか、片方だけ保持するか、透明部分を単色で塗りつぶすかのいずれかです。ここが見落とされがちな差です。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as JPG.

JPG16 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as AVIF.

AVIF5 KB3.2 分の 1

インターフェース、グラフ、ロゴのような、平坦な色と硬い輪郭です。上の写真とは挙動がまったく違い、答えが「ファイルの中身による」になる理由でもあります。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。

その差が、どこから出てくるのか

JPEG が標準になったのは 1992 年で、その圧縮は当時の計算量で無理のない方法を映しています。画像を 8 かける 8 の升目に切り、それぞれを独立に記述する。AVIF は 2018 年の動画コーデック AV1 の静止画 1 コマで、そのあとの 30 年分の研究が入っています。可変の升目、隣の領域からの予測、はるかに優れた符号化。

実際には、見た目が同じで 40 から 50 パーセント小さくなります。そしてその差は、多くのサイトを占めているまさにその種類の画像で広がります。滑らかな面積の広い写真です。空、無地の壁、ぼけた背景。JPEG はそこの升目 1 つ 1 つに本当にビットを使い、AVIF はその領域のほとんどを縁から予測します。

代償は符号化の時間で、それは 1 度きりです

AVIF は作るのが遅い形式です。大きな写真は、JPG なら 1 秒足らずのところ、ここでは数秒かかります。符号化器が、画像の表し方についてずっと広い範囲を探しているからです。100 枚まとめて処理すれば、はっきり分かります。

その費用は、変換する人が 1 度だけ払います。読むほうは速いので、訪問者が待つことはありません。そして減ったバイトは、この先の全部の要求で減り続けます。日本ではその効きがもう少し直接的で、通信量に上限のある契約で見ている人にとって、ページの重さは報告書の数字ではなく体感です。少しでも人の来るページなら、計算するまでもありません。メールに 1 枚添える画像なら、待つ値打ちはなく、JPG か WebP が妥当な答えです。

AVIF か WebP か

WebP は安全で速くて少し大きい選択肢、AVIF は小さくて遅い選択肢です。差はおおむね 20 パーセントで AVIF に分があります。写真の多いページでは意味のある差で、画像が数枚のサイトでは無視できる差です。

本番で使うものの本当の答えは「両方」で、`<picture>` 要素の中に置くことです。ブラウザーは自分が理解できる最初の候補を取るので、対応しているところには AVIF、それ以外には WebP か JPG が届きます。HTML が数行増えるだけで、選ぶ必要がなくなります。1 つしか作らないなら、手軽さで WebP、軽さで AVIF です。

すでに圧縮されたものを変換することについて

あなたの JPG は非可逆です。作られた時点で細部は捨てられていて、いま AVIF にするというのは、生き残ったものを——理屈のうえでは JPEG の粗も含めて——符号化することです。世代ごとの劣化は実在します。このページはそれをごまかしません。

実際には、聞こえるほどの問題にはなりません。妥当な品質の設定なら、AVIF は元の JPG と見分けがつかないまま半分の大きさになります。節約は、さらに捨てることからではなく、より良い表し方から出ているからです。手つかずの原本から変換するほうが良いのは確かです。ただ、それを持っている人はほとんどいませんし、それでもこの変換ははっきり値打ちがあります。

品質の数字は、いくつにするか

AVIF の数字は JPEG の数字と対応しません。AVIF の 50 から 60 あたりが、JPG の 80 から 85 に相当することが多く、いつもの JPEG の数字をそのまま持ってくると、必要よりずっと大きいファイルを作ることになります。

勘より低いところから始めて、見比べてください。見る場所は画像全体ではなく、難しい領域です。肌、階調のある空、そして画像の中に入っている文字。日本語のバナーのように、写真の上に細い明朝体が載っているものは、いちばん先に崩れます。

AVIF が読まれない場所

いまのブラウザーはどれも AVIF を読みます。ここは日本では特に効いてくる話で、iPhone の比率が高いぶん、判断はほぼ Safari 次第になるからです。その Safari も 16 から読みます。つまり、ここ数年に更新された端末で見ている人には、そのまま届きます。

ブラウザーの外は、WebP よりまだら模様です。画像ビューアーの一部、いくつかの編集ソフト、そして投稿フォームには、まだ知らないものがあります。ですから AVIF は、自分のページのための形式であって、人に送るための形式ではありません。相手が人なら、答えはいまも JPG です。

透明もアニメーションも、こちらにはあります

AVIF はアルファチャンネルとコマの列を扱えます。JPG と違って、不透明な静止画に閉じ込められていません。元が JPG である限り、この話は関係ありません。JPG はどちらも持っていないからです。

効いてくるのは、サイト全体の行き先の形式を選ぶときです。1 つの形式で、写真も、透明を持つロゴも、短いアニメーションも覆えます。JPG では、その隣に PNG と GIF を並べることになります。

EXIF はどうなるか

AVIF という形式は EXIF を持てます。ただし、ここで作られる AVIF は持ちません。変換は JPG をいったん画素に開き、符号化器は絵だけを書くからです。日付も機種も座標も、元の JPG に残ったままです。

公開するページに載せる画像なら、それは都合のよい向きです。この変換にできないのは、元の JPG のほうを掃除することです。形式を変えずに中身だけ消したいなら、メタデータの削除のページが、画像を圧縮し直さずにそれを行います。

まとめて変換するときの時間

フォルダーごと置いて、結果を ZIP で受け取ってください。上限も順番待ちもありません。符号化があなたの機械で動くからです。

そしてその機械が、そのまま制約になります。AVIF の符号化はこのサイトでいちばん重い処理で、大きな写真が 100 枚なら、秒ではなく分の単位です。始めたら、タブを開いたままにしておいてください。

JPG を AVIF に変換する手順

  1. お手元の JPG ファイル をこのページに落とすか、押してファイルを選んでください。
  2. 変換先に AVIF を選びます。変換はブラウザーの中で行われ、ファイルはアップロードされません。
  3. できあがった AVIF ファイル をダウンロードします。

JPG と AVIF——何が変わるか

JPGとAVIFの比較
JPGAVIF
正式名称JPEG 画像AV1 Image File Format
拡張子.jpg, .jpeg, .jpe.avif
メディアタイプimage/jpegimage/avif
圧縮方式非可逆 — サイズを画質で買う設定によってどちらにもなる
最初の公開19922019
発行元Joint Photographic Experts GroupAlliance for Open Media
仕様ITU-T T.81AV1 Image File Format
ライセンスオープン標準オープン標準
現在の位置づけ現行現行
ビット深度812
扱える色RGB, グレースケール, YCbCrRGB, YCbCr, 広色域
最大の画像1辺 65,535 px1辺 65,536 px
ブラウザで開けるかすべてのブラウザ現行のブラウザ
代わりに検討される形式WebP, HEICWebP, JXL

失われるもの

AVIF にはキャプション、クレジット、キーワードを収めた IPTC フィールドとGPS の座標を収める場所がないので、それらは JPG ファイル から先へは進みません。元のファイルを捨てる前に確かめておくと役に立ちます——そして、捨てることこそが目的だったのなら、これはそのまま朗報です。

変換先の形式が追加で扱えるもの

AVIF は透明を扱えますが、JPG は扱えません。これは結果の側にあって、元のファイルが一度も使わなかった余地です。変換によって透明な背景ができるわけではなく、あとから作れるようになるだけです。

AVIF はアニメーションを持てますが、JPG ファイル は 1 フレームしかありません。出てくるのは絵 1 枚のファイルで、それがもっと多くを扱えたはずの形式に入っている、という状態です。

結果を開く

AVIF は最近のブラウザーなら読めますが、古いものでは読めません。その点では、2 つのうち通用する場所が狭いのはこちらです。送る前に、受け取る側がこれを受け付けるかどうか確かめてください。

AVIF は単一の形式ではなく、容れ物です。実際に再生されるのは中に入っているコーデックで、たいていはAV1です。同じ拡張子の 2 つのファイルが同じ機械で違う振る舞いをするのは、そのためです。

GIMPは JPG と AVIF のどちらも読めるので、別のプログラムを開かずに、結果を元のファイルと並べて確かめられます。

ファイルサイズと品質

結果は元より大きくなり、そして良くはなりません。JPG はすでに細部を捨てており、AVIF は残っているものをそれ以上捨てずに保持します。これは今後の劣化を止めますが、すでに起きた劣化を戻しはしません。

どちらの形式が何のためのものか

JPG は Joint Photographic Experts Group の形式です(1992 年に登場)。 記録は 1 チャンネルあたり 8 ビットです。

AVIF は Alliance for Open Media の形式で、2019 年から使われています。規定は AV1 Image File Format です。GIMP、Squoosh、ImageMagickがこの形式を読めます。

JPG は 1992 年、AVIF は 2019 年に登場しました。人に渡すならたいてい古いほうが安全で、新しいほうは同じ仕事をより少ないバイト数で片づけます。

JPG から AVIF:よくある質問

JPG ファイル はどこかにアップロードされますか。

いいえ。この変換は完全にブラウザーの中で行われるので、ファイルが端末から出ることはありません。ご自分で確かめられます。開発者ツールのネットワークタブを開いて、何か変換してみてください。ページそのものと、このサービスの費用をまかなっている分析・広告のリクエストは見えますが、あなたのファイルを運んでいるリクエストはひとつもありません。

JPG から AVIF への変換は無料ですか。

はい。アカウントも透かしもなく、消費される 1 日の割り当てもありません。お使いの機械の上で動くので、何度でも戻ってきていただけます。ブラウザーが扱えるのは 100 MB までのファイルで、一度に 100 本です。

JPG を AVIF に変換すると品質は落ちますか。

AVIF は圧縮するので、データはいくらか失われます。初期設定では気づかない程度ですが、確実にしたい場合は品質を上げてください。

AVIF に変換すると品質は良くなりますか。

結果は元より大きくなり、そして良くはなりません。JPG はすでに細部を捨てており、AVIF は残っているものをそれ以上捨てずに保持します。これは今後の劣化を止めますが、すでに起きた劣化を戻しはしません。

AVIF ファイル はブラウザーで開けますか。

AVIF は最近のブラウザーなら読めますが、古いものでは読めません。その点では、2 つのうち通用する場所が狭いのはこちらです。送る前に、受け取る側がこれを受け付けるかどうか確かめてください。

EXIF データは残りますか。

AVIF にはキャプション、クレジット、キーワードを収めた IPTC フィールドとGPS の座標を収める場所がないので、それらは JPG ファイル から先へは進みません。元のファイルを捨てる前に確かめておくと役に立ちます——そして、捨てることこそが目的だったのなら、これはそのまま朗報です。

これらのフォーマットについて

この数値の出典

このページがJPGとAVIFについて述べていることは検証できます。根拠となる資料は次のとおりです。