# AVIF to JPG > AV1より前のソフトのために、AVIFを端末内でJPGへ。透過は選んだ色で塗り潰され、コマは先頭の1枚だけになり、実測では491,861バイトが348,599バイトになりました。 - URL: https://bytescope.dev/ja/image-convert/avif-to-jpg/ - Locale: ja · Also: [en](https://bytescope.dev/en/image-convert/avif-to-jpg.md) · [zh-Hant](https://bytescope.dev/zh-Hant/image-convert/avif-to-jpg.md) - Runs: ファイルはブラウザから送信されません — 処理はすべてローカルで行われます。 - Requires: Any modern browser (Chrome, Edge, Firefox, Safari), desktop and mobile. - Updated: 2026-09-08 ## What it does ### AVIFからJPGにすると失われるもの 透過には行き場がありません。行き先にアルファチャンネルが存在しないからです。透明・半透明の画素はすべて上の設定にある背景色（変えなければ白）と合成され、アルファを見つけた時点で警告が出ます。切り抜いた商品写真は四角い画像になり、塗り潰された画素は最初からその色だった画素と後から区別できないので、どんな編集ソフトでも元に戻せません。半透明の領域 — 影の柔らかい縁など — は切り捨てではなく混ぜ込みなので、その背景色の上でだけ正しく見え、ほかのどんな背景の上でも不自然になります。実際に置く場所の色を選ぶか、チャンネルごと残せるPNGの経路を選んでください。 これは2世代目の非可逆でもあり、2つの世代は劣化の形が違います。1世代目は質感をなまし細部を眠らせる方向、2世代目は8 × 8のブロックの段差、強いエッジの周りのリンギング、そして縦横とも半分の解像度で持たれる色です。後者は前者を置き換えるのではなく上に重なります。色の話は図版でとくに効きます。1世代目をきれいに通り抜けた細い色の罫線や赤い文字が、ここで色のにじみを拾います。品質を上げても消えません。色は品質設定の量子化より前に捨てられているからです。 残りは短く済みます。複数コマの素材は先頭の1コマだけが変換され、警告が出ます。デコード後のバッファは8ビットなので、10ビットや12ビットの階調はエンコード前に潰れ、その段は取り戻せません。埋め込みのICCプロファイルもメタデータも出力には運ばれないので、結果はタグなしとなり、閲覧側はsRGBとして読みます。 ### 実測でファイルサイズがどう変わったか 2026-09-12、スクリプトは1280 × 854・品質85の素材491,861バイトを測り、同じ品質85・4:2:0のJPGにしました。結果は348,599バイト、約29%減です。古い形式が勝ったように見えますが、そうではありません。2つの品質目盛りは共通の単位ではなく、素材はその数字が示すより高い動作点で書かれており、2番目のエンコーダーにはそれより低いものを頼んだのです。非圧縮の原本から見た目の品質を揃えて書き出せば、比較は明確に逆転します。なおこの測定はsharpによるもので、ブラウザは独自の量子化表を持つcanvasで書き出すため、この数字ちょうどではなく数%の上下を見込んでください。 ### AVIFをJPGにしない方がよい場面 残したい透過があるもの — ロゴ、バッジ、ステッカー、背景を選べない場所に置く画像 — は変換しないでください。動きを残したいアニメーションも同じです。これから編集して保存し直す原本も、1回ごとに世代が増えるので避けてください。Web向けの決まり手順にするのもやめましょう。いまのブラウザは素材をそのまま読めますし、見た目を揃えれば画質もバイト数も損をします。正しいのは、特定の1つのソフトが障害になっているときです。写真ラボや印刷サービス、古いデスクトップの編集ソフトやオフィスソフト、旧世代の入稿システム、拡張子を1つしか見ないカメラや電子書籍端末、受付一覧が2種類で止まっている投稿欄 — そういうときのための変換です。 変換はすべてブラウザ内で完結します — アップロードなし、待ち行列なし、ウォーターマークなし。ファイルはいくつでもドロップでき、個別またはZIPでダウンロードできます。 ## Limits 透過には行き場がありません。行き先にアルファチャンネルが存在しないからです。透明・半透明の画素はすべて上の設定にある背景色（変えなければ白）と合成され、アルファを見つけた時点で警告が出ます。切り抜いた商品写真は四角い画像になり、塗り潰された画素は最初からその色だった画素と後から区別できないので、どんな編集ソフトでも元に戻せません。半透明の領域 — 影の柔らかい縁など — は切り捨てではなく混ぜ込みなので、その背景色の上でだけ正しく見え、ほかのどんな背景の上でも不自然になります。実際に置く場所の色を選ぶか、チャンネルごと残せるPNGの経路を選んでください。 これは2世代目の非可逆でもあり、2つの世代は劣化の形が違います。1世代目は質感をなまし細部を眠らせる方向、2世代目は8 × 8のブロックの段差、強いエッジの周りのリンギング、そして縦横とも半分の解像度で持たれる色です。後者は前者を置き換えるのではなく上に重なります。色の話は図版でとくに効きます。1世代目をきれいに通り抜けた細い色の罫線や赤い文字が、ここで色のにじみを拾います。品質を上げても消えません。色は品質設定の量子化より前に捨てられているからです。 残りは短く済みます。複数コマの素材は先頭の1コマだけが変換され、警告が出ます。デコード後のバッファは8ビットなので、10ビットや12ビットの階調はエンコード前に潰れ、その段は取り戻せません。埋め込みのICCプロファイルもメタデータも出力には運ばれないので、結果はタグなしとなり、閲覧側はsRGBとして読みます。 ## FAQ ### アルファがない形式に移すと透過はどこへ行きますか？ 設定に表示されている背景色（既定は白）に混ぜ込まれ、そうなったことを警告が伝えます。結果はただの不透明な画素で、どの編集ソフトでも分離できません。実際に置く場所の色を選ぶか、チャンネルごと残せるPNGへ変換してください。 ### 出力が元より小さくなったのはなぜですか？ 2つの品質目盛りが比べられるものではないからです。同じ数字でも素材の方が高い動作点にあったので、実測の491,861バイトが348,599バイトになりました。古いコーデックの方が効率がよい証拠ではありません。原本から見た目を揃えれば明らかに逆です。 ### 2回目のエンコードでどれくらい画質を失いますか？ 写真を高めの品質で書くなら、気づく程度のものはほとんどありません。フラットな図版や文字では分かります。色が半分の解像度で持たれ、細い色の縁が品質設定では消えないにじみを拾うからです。再保存したコピーではなく元のファイルから変換してください。 ### 画像はどこかにアップロードされますか？ いいえ。変換はcanvas APIとWeb Workerを使ってブラウザ内で行われ、ファイルがデバイスから外に出ることはありません。アップロード工程も待ち行列もなく、ファイルサイズの制限もお使いのマシンのメモリ以外にはありません。 ### 変換後の画像にEXIFメタデータは残りますか？ いいえ — そしてそれは意図した機能です。canvas経由の再エンコードは、GPS位置情報、カメラの機種、タイムスタンプ、カラープロファイルといったすべてのメタデータを除去します。出力に含まれるのはピクセルだけで、画像を公開共有する前に望ましい状態になっています。 ### 多くの画像を一度に変換できますか？ はい。何枚でもファイルをドロップまたは貼り付けてください。それぞれがバックグラウンドで変換され、個別の進捗とダウンロードボタンが付きます。すべてを.zipアーカイブとして一括ダウンロードすることもできます。 ### 変換すると画質は落ちますか？ 変換先によります。このコンバーターは、どの形式の組み合わせでも常に生のピクセルにデコードしてから再エンコードします。メタデータが除去されるのも同じ仕組みによるものです。ロスレスの変換先（PNG、および256色の範囲内のGIF）ではデコードしたピクセルと完全に同一のまま保たれ、JPEG・WebP・AVIFでは品質スライダーでトレードオフを調整できます。すでに非可逆の画像を変換すると、劣化がもう一世代ぶん重なります。