2025-12-21

WebPより新しいフォーマットとしてAVIF(エーブイアイエフ)があるので、こちらも「squoosh」を元に対応してみました。

圧縮にかかる時間は長めですが、表示には動画再生用のハードウェアがきっとうまくやってくれるので高速なはず。

JavaScript/WebAssemblyでの変換はちょっと遅いとは思いますが、手軽に使えて便利です。

import { AVIF } from "https://code4fukui.github.io/AVIF/AVIF.js"; const bin = await Deno.readFile('./example.avif'); const image = AVIF.decode(bin); console.log(image); const bin2 = AVIF.encode(image); console.log(bin2.length);

JPEGファイルからAVIFに変換する jpg2avif.js も合わせて実装。

WebPの上位互換として使え、普及してきたHDRにも対応しているので、AVIFを標準とするのがいいかも。

links
- そろそろウェッピー(WebP)を標準に? WebP.js

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS