UltKit

JPGをAVIFに変換

Webサイト上のJPG写真を、現在の主要ブラウザすべてで表示できるAV1ベースの形式AVIFに再エンコードして軽量化します。アップロードして画質を確認し、ページにそのまま使えるファイルをダウンロードしてください。

画像変換

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

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

出力

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

このツールの使い方

  1. 1

    JPGをアップロード

    JPGまたはJPEGファイルを最大20枚、1ファイルあたり95 MBまでドロップしてください。メール用に縮小済みのものではなく、できるだけ画質の良い元ファイルを使ってください。

  2. 2

    AVIFの画質を設定

    このページでは音質の初期値は60です。細かい文字や質感を残したいときは上げ、サムネイル用なら下げてください。写真では可逆はオフのままにします。

  3. 3

    変換して公開

    AVIFに変換を押して、ファイルごと、またはZIPでダウンロードします。古いブラウザでも表示できるよう、AVIFはJPGと並べてアップロードしてください。

WebサイトでJPGをAVIFに変換する理由

AVIFは、静止画を、Alliance for Open Mediaが策定したロイヤリティフリーの動画コーデックAV1の、フレーム内符号化された1フレームとして保存します。この団体の創設メンバーには、Google、Mozilla、Netflix、Amazon、Microsoftが含まれます。予測やフィルタリングの技術は、1992年のJPEG規格から25年以上後に設計されたため、写真は通常かなり少ない容量で済み、WebPよりも小さくなることも多いです。ただし差は写真によって大きく異なります。

容量の差が最も効くのは、表示速度が評価されるページです。GoogleのCore Web VitalsにおけるLargest Contentful Paintは、メイン画像の写真であることが非常に多く、そのファイル1つを軽くするだけで指標が改善します。1ページに数十枚のJPGを載せる商品カタログや写真ブログで、特に効果があります。

AVIFは10ビット・12ビットの色、HDR、アルファチャンネルにも対応していますが、JPGの元画像にはそれらがないため、この変換で得られるのは圧縮効果だけです。JPGがすでに失ったディテールが戻ることはありません。そのため、入力にはメールで送られたものではなく、マスターのコピーを使うのが正解です。

各ブラウザがAVIFに対応した時期

  1. 2019

    AVIF 1.0

    Alliance for Open MediaがAVIF仕様を公開しました。

  2. 2020年8月

    Chrome 85

    デスクトップ版とAndroid版のChromeがAVIFのデコードを開始しました。

  3. 2021年10月

    Firefox 93

    FirefoxでAVIFが初期状態で有効になりました。

  4. 2023年3月

    Safari 16.4

    macOSとiOSのSafariがAVIFに完全対応しました。

  5. 2024年1月

    Edge 121

    主要ブラウザで最後まで未対応だったMicrosoft EdgeがAVIFに対応しました。

AVIFとJPGの画質設定の比較

  1. サムネイル

    小さなプレビューなら問題ありませんが、拡大するとディテールがぼやけます。

  2. このページの初期値

    ほとんどの写真で、通常の拡大率では元のJPGと同じように見えます。

  3. 細部の再現

    小さな文字や質感が保たれます。これより上げると容量が急に増えます。

  4. ほぼ可逆

    元のJPGより大きくなることが多く、変換する意味がなくなります。

JPG

JPEG画像

JPEG(JPG)は最も広く使われている写真形式で、1992年にJoint Photographic Experts Groupが標準化しました。目につきにくい細部を捨てる非可逆圧縮を使うため、写真をウェブ、メール、スマートフォンの保存に適した小さなサイズにできます。滑らかなグラデーションや自然な風景は得意ですが、くっきりした文字、線画、べた塗りの色ではブロック状やぼやけたノイズが目立ちます。JPEGには透過もアニメーションもなく、保存し直すたびに少しずつ画質が落ちます。すべてのブラウザ、スマートフォン、カメラ、画像エディタで開けます。

圧縮方式
非可逆
透過
非対応
アニメーション
非対応
登場時期
1992 · Joint Photographic Experts Group
JPG 変換

AVIF

AV1 Image File Format

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

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

JPGからAVIFへの変換は、サイトの運営者が最新のブラウザを使う訪問者に、同じ写真をより少ないバイト数で届けたいときに行います。AVIFからJPGへ戻すのは、そうしたサイトから保存したファイルを使えるようにするための互換性対策です。

AVIFではなくJPGのままにすべき場合

推奨非推奨
自分で管理するページではAVIFを配信し、<picture>でJPGをフォールバックにします。AVIFをメールに添付したり、印刷店に送ったりしないでください。
音質60から始めて、100%表示で比較します。JPGとPNGしか受け付けないフォームにAVIFをアップロードしないでください。
元のJPGをマスターとして残します。JPGの元画像に可逆を選ばないでください。ファイルが大きくなるのが普通です。
サイト全体を切り替える前に、AVIF、HEIC、WebPの解説ガイドをお読みください。古いデスクトップ用写真ビューアーで開けることを期待しないでください。

JPGからAVIFへの変換に関するよくある質問

JPGをAVIFに変換すると容量はどれくらい小さくなりますか?

写真や選ぶ画質によって変わるので、実際のファイルで試してください。音質60では、一般的なカメラ写真は画質85のJPGの半分以下になることが多く、単調なグラフィックならさらに小さくなります。ライブラリ全体を置き換える前に、いくつか結果を確認してください。

サイトのJPG写真にはAVIFとWebPのどちらを選ぶべきですか?

容量ではたいていAVIFが有利です。WebPはエンコードが速く、古いツールやプラグインでも広く読み込めます。多くのサイトはAVIFを優先して配信し、WebPやJPGをフォールバックにしています。追加する形式を1つだけにするなら、JPGをWebPに変換のほうが無難です。

JPGをAVIFに変換すると画質はさらに劣化しますか?

非可逆の再エンコードを行うたびに、JPG自体の劣化に少しずつ上乗せされます。60以上なら通常のサイズで見分けるのは難しいです。AVIFの劣化はJPGのようなブロックノイズではなく平滑化として現れるので、空のバンディングや、草や髪のぼやけに注意してください。

EXIFデータとカラープロファイルは保持されますか?

メタデータを削除は初期設定でオンになっており、GPS位置情報やカメラ情報を削除します。公開する画像には適した設定です。ICCプロファイルはカラープロファイルを保持で別に扱われるため、広色域のスマートフォン写真も色が保たれます。

JPGのフォールバック付きでAVIFをページに追加するには?

画像を<picture>要素で囲み、AVIFを指すtype="image/avif"付きの<source>を置き、その後にJPGを指す<img>を置きます。AVIFをデコードできないブラウザはsourceを飛ばしてJPGを読み込みます。

AVIFへの変換がJPGより時間がかかるのはなぜですか?

AV1エンコーダーはバイト数を減らすために、ブロックごとに多くの予測モードを試します。そのぶん処理時間がかかり、大きな写真では数秒かかることがあります。処理はお使いの端末ではなくサーバー上で行われます。