shadcn.io— 何千もの shadcn/ui ブロック
ツールへ移動
image.dev
AVIFから変換

AVIFをWebPに変換

WebPは現実的な中間解です。AVIFに近い小ささを保ちながら、ブラウザ・CMS・画像ツールの対応年数では数年分先行しています。AVIFからWebPへの変換は透過を保ったままファイルをコンパクトに保てるので、「AVIFはまだ少し早い」環境に合わせる一手として理にかなっています。

AVIF画像をここにドロップクリックで選択、クリップボードからの貼り付けもできます

すべて端末内で処理 — ファイルがブラウザの外に出ることはありません

逆方向の変換: WebPをAVIFに変換

使い方

ブラウザ以外で開けなかったAVIFを読み込みます。デコードはブラウザのタブの中だけで完結します。

再エンコードは品質82で行われます。非可逆×非可逆の段差を見た目に出さず、かつ小ささを保つための調整値です。

透過部分が無事なことを確認したら(両形式ともアルファ対応なので必ず無事です)、WebPを個別またはZIPで書き出します。

AVIF vs WebP

WebPはAVIFより対応が広く、その分だけ容量が増えます。出力は20〜50%かさばりますが、数年古いブラウザやCMS、CDNプランでも使えます。多少の容量を払って透過は残し、「開けない」トラブルを減らすための変換です。

AVIFWebP
圧縮方式非可逆・可逆の両対応非可逆・可逆の両対応
透過あり(フルアルファ)あり(フルアルファ)
アニメーションあり(利用例は少なめ)あり
対応環境現行の全ブラウザ(Safariは16.4以降・2023年)現行の全ブラウザ(2020年以降)
向いている用途ヒーロー画像や写真の多いページウェブ用の写真・サムネイル・UI素材

よくある質問

このページの内容