画像最適化 — WebP / AVIF / MozJPEG(端末内)
ブラウザ内で MozJPEG・WebP・AVIF・OxiPNG を使い、Web向けに画像を最適化。手順:画像を選ぶ → エンジンを読み込む → コーデックと設定を選ぶ → スライダーで前後比較 → ダウンロード。例:大きなヒーローJPEGを軽いWebPへ。エンジン読み込み後もファイルは端末内のまま。
使い方
画像を選び、一度エンジンを読み込み、MozJPEG / WebP / AVIF / OxiPNG から選び、画質や処理の強さを調整。必要なら長辺を制限し、スライダーで前後を比べます。エンコードはこのタブ内。コーデック指定なしで素早く容量だけ落としたいときは、軽い「画像圧縮」へ。
押さえておきたいこと
コーデックごとに容量・見た目・透明度・時間が違います。最小ファイルを追う前に確認してください。
- MozJPEG:非可逆 JPEG。ブラウザ標準の JPEG 書き出しより小さくなりやすく、.jpg 互換が必要なときに向く。
- WebP:近い見た目で写真が小さくなりやすく、透明度も対応。多くのサイトの既定候補。
- AVIF:非可逆ではいちばん小さくなりやすいが遅い — 進捗表示とキャンセルが前提。
- OxiPNG:可逆で PNG を小さく。写真はまだ大きいことが多い。透明のある鋭い UI 向き。再エンコードで EXIF は通常消える。データはこのタブから出ない。
例
同じ約 3–4MB のスマホ JPEG:MozJPEG は雑なブラウザ JPEG より小さくなりがち。WebP は近い見た目でさらに削れることが多い。AVIF はさらに小さくできる一方、大きなフレームでは数秒かかることがある。数値は目安なので、自分のファイルでスライダーを見て判断してください。
こんなときに
- ヒーローや商品写真を WebP/AVIF にする前に、スライダーで見た目を確認してから確定する。
- JPEG 配信は維持したいが、ブラウザ標準 JPEG ではまだ重いときに MozJPEG を使う。
- 透明 UI の PNG を OxiPNG やほぼ可逆の WebP で軽くしてから渡す。
Frequently asked questions
アニメーションと EXIF はどうなりますか?
アニメは先頭フレームの静止画になります。再エンコードで EXIF は通常消えます。必要なタグは先に EXIF ツールで確認してください。
ファイルはブラウザの外に出ますか?
出ません。エンジン読み込み後のデコード/エンコードはこのタブ内。Network で画像が POST されていないことを確認できます。
なぜ先にエンジンを読み込むのですか?
コーデックは容量が大きいため、クリック後に読み込みます。初回表示を軽くし、必要なときだけ取得します。
画像圧縮ツールとの違いは?
圧縮ツールはサイズ/画質の素早い処理(目標 KB 向き)。こちらはエンジンを読み込み、MozJPEG / WebP / AVIF / OxiPNG を選びスライダーで比較します。
AVIF が遅いのはなぜ?
AVIF エンコードは CPU 負荷が高く、特に大きな写真で顕著です。進捗を出し、キャンセルできるようにしています。
形式変換はいつ使えばいい?
主に形式を変えたいとき(透明の JPEG 下地含む)は形式変換へ。容量とコーデック制御が主目的なら本ページを使ってください。
お問い合わせ・フィードバック
分かりにくい点、不具合、不足があれば下にメッセージを書いてください。ツールに関する内容はすべて確認します。