Big Sur搭載のSafariはWebP画像を標準サポート、AVIFもサポートしてくれるかも

[レベル: 中級]

あけましておめでとうございます。
2020 年の最初の投稿です。
今年もブログ訪問をお待ちしています。

今年の最初のトピックは、PC 版 Safari が WebP をサポートした件についてです。

Big Sur の Safari は WebP を表示可能

2020 年 9 月にリリースされた Safari 14 が WebP フォーマットの画像をサポートしました。
しかしながら、正式に WebP 画像をサポートするのは iOS 版 Safari だけで、PC (Mac) 版 Safari は依然として未サポートでした。

ですが、macOS Big Sur(マックオーエス ビッグサー) を搭載した Mac の Safari はデフォルトで WebP をサポートします。
Big Sur は 2020 年 11 月 13 日に Apple がリリースした最新の Mac 用 OS です。

以前は Safari で表示できなかった WebP 画像は、Big Sur の Safari では表示できるようになっています。

Big Sur の Safari が WebP を表示

この記事に埋め込んだ JPEG 画像です。
どのブラウザでも表示しているはずです。

JPEG 画像

WebP 画像です。
Big Sur の Mac 版 Safari(と iOS 版 Safari)ほか、Edge や Firefox などメジャーなブラウザはほとんどが現在は表示できるはずです。

WebP 画像

Big Sur にアップデートした Mac ユーザーはまだ少数かもしれません(注: 2020 年 11 月にリリースされた Mac は、最初から Big Sur がインストールされている)。
それでも、次第に増えていくことは明らかで、WebP 利用の障壁が確実に取り払われていくでしょう。

AVIF もサポートしてくれるかも

WebP よりもさらに軽量な画像フォーマットとして期待されているのが AVIF です。

この記事を書いている時点で AVIF を正式にサポートしているブラウザは次の 2 つです。

  • PC 版 Chrome
  • PC 版 Opera

Firefox は試験機能としてサポートできます(about:configimage.avif.enabledtrue に変更する)。

こちらは、AVIF フォーマットの画像です。
PC 版 Chrome と PC 版 Opera ユーザー以外には表示できていないでしょう。

AVIF 画像

Safari が AVIF をサポートするようになると最高です。
可能性はゼロではないかもしれません。
WebKit のバグレポートに挙がっているので、ひょっとしたら対応が進むかもしれません。
期待したいところです。

ちなみに、この記事に掲載した牛の画像のファイルサイズは次のとおりです。

  • JPEG: 64KB ※軽量化の処理済み
  • WebP: 44KB
  • AVIF: 25KB

WebP は JPEG の 約 70%、AVIF は JPEG の約 40% のファイルサイズに軽減できています。
複雑な画像の削減率はもっと顕著になるでしょう。

AVIF は将来性を期待できる画像フォーマットです。
AVIF 変換には Google が作った Squoosh が便利です。
v2 では CLI にも対応したので、自動処理も楽になりました。