JPGをAVIFに変換
Webサイト上のJPG写真を、現在の主要ブラウザすべてで表示できるAV1ベースの形式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
JPGをアップロード
JPGまたはJPEGファイルを最大20枚、1ファイルあたり95 MBまでドロップしてください。メール用に縮小済みのものではなく、できるだけ画質の良い元ファイルを使ってください。
- 2
AVIFの画質を設定
このページでは音質の初期値は60です。細かい文字や質感を残したいときは上げ、サムネイル用なら下げてください。写真では可逆はオフのままにします。
- 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に対応した時期
2019
AVIF 1.0
Alliance for Open MediaがAVIF仕様を公開しました。
2020年8月
Chrome 85
デスクトップ版とAndroid版のChromeがAVIFのデコードを開始しました。
2021年10月
Firefox 93
FirefoxでAVIFが初期状態で有効になりました。
2023年3月
Safari 16.4
macOSとiOSのSafariがAVIFに完全対応しました。
2024年1月
Edge 121
主要ブラウザで最後まで未対応だったMicrosoft EdgeがAVIFに対応しました。
AVIFとJPGの画質設定の比較
- サムネイル
小さなプレビューなら問題ありませんが、拡大するとディテールがぼやけます。
- このページの初期値
ほとんどの写真で、通常の拡大率では元のJPGと同じように見えます。
- 細部の再現
小さな文字や質感が保たれます。これより上げると容量が急に増えます。
- ほぼ可逆
元のJPGより大きくなることが多く、変換する意味がなくなります。
JPG
JPEG画像
JPEG(JPG)は最も広く使われている写真形式で、1992年にJoint Photographic Experts Groupが標準化しました。目につきにくい細部を捨てる非可逆圧縮を使うため、写真をウェブ、メール、スマートフォンの保存に適した小さなサイズにできます。滑らかなグラデーションや自然な風景は得意ですが、くっきりした文字、線画、べた塗りの色ではブロック状やぼやけたノイズが目立ちます。JPEGには透過もアニメーションもなく、保存し直すたびに少しずつ画質が落ちます。すべてのブラウザ、スマートフォン、カメラ、画像エディタで開けます。
- 圧縮方式
- 非可逆
- 透過
- 非対応
- アニメーション
- 非対応
- 登場時期
- 1992 · Joint Photographic Experts Group
AVIF
AV1 Image File Format
AVIFは、AV1動画コーデックで圧縮した静止画と画像シーケンスを保存する形式で、2019年にAlliance for Open Mediaが仕様を確定しました。同じ見た目の品質なら、通常JPEGやWebPよりファイルが小さくなり、透過、アニメーション、広色域、HDRにも対応します。エンコードは従来の形式より遅く、低品質設定では非常に細かいテクスチャーがなめらかになりすぎることがあります。主要なブラウザーはすべてAVIFを表示できますが、多くのデスクトップアプリ、SNS、古い端末では開けません。
- 圧縮方式
- 非可逆または可逆
- 透過
- 対応
- アニメーション
- 対応
- 登場時期
- 2019 · Alliance for Open Media
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エンコーダーはバイト数を減らすために、ブロックごとに多くの予測モードを試します。そのぶん処理時間がかかり、大きな写真では数秒かかることがあります。処理はお使いの端末ではなくサーバー上で行われます。