アニメーションGIF

ほとんどの人は、WebサイトにアニメーションGIF形式で埋め込まれた短いアニメーションには、巨大なパフォーマンス、バッテリー、ファイルサイズ、帯域幅のペナルティがあることに気づいていません

アニメーションGIFはウェブパフォーマンスにとってひどいものです
通常、H.264ビデオよりも12倍大きいファイルで、ブラウザに読み込んで表示するには2倍のエネルギーが必要です
また、微々たる256色のカラーパレットのため、色の範囲が制限され、全体的に非常に綺麗に見えることはありません

これは、Graphics Interchange Format（グラフィックス・インターチェンジ・フォーマット）の頭文字であるGIFは、オリジナルの「GIF89a」仕様の文言によると、限られた方法で実行することができますが、「アニメーションのためのプラットフォームとして意図されていない」からです

嬉しいことに、AppleのSafariブラウザは、micro-form videos、ネット上で流行っているおもしろネタ、気の利いたアニメーションのためのWebのデフォルトフォーマットとしてGIFの使用に終止符を打つ事を助けるかもしれません

MacOSとiOSの最新のWebテクノロジーを最新のアップデートでテストするSafariの特別版「Safari Technology Preview」は、Web開発者がMP4のような真のビデオフォーマットをHTML「img」タグに埋め込むことができるからです

Colin Bendell氏は (via Daring Fireball’s John Gruber) Mac用の「Safari Technology Preview」でこのクールで新しい機能のキーの利点を実証しています

MP4ビデオファイルを「img」タグに埋め込むと、信じられないほど速く20倍のレンダリングと、GIFと比較してファイルサイズは1/4であることに加えて、7倍の早さでデコードします

Bendell氏は次のように述べています

私たちのマイクロフォームビデオは、小型で効率的（MP4など）で、アニメーションGIFの様に簡単にプリロード、自動再生、共有することができます


このアプローチの他の利点には、HEIC（H.265コーデック）などを使用して、そのようなアニメーションを簡単に保存または共有する機能、4Kで省スペースのアニメーションを作成する機能などがあります

下記の表は、giphy.comからトレンドトップ100のアニメーションGIFファイルをトランスコードし、H.264、H.265、VP8、VP8、WebPに変換するだけで、Bendell氏が達成したバイトサイズの節約の種類を示しています

現時点では、「img」タグ内にMP4アニメーションをラッピングすると、将来の互換性を確保するために多くの手作業で開発者の手を必要とする複雑な問題が発生することが多いため、このアプローチには潜在的な問題はあります

つまり、この新機能を自分でテストしたいのであれば、Appleから「Safari Technology Preview」をダウンロードする必要があります
「Safari Technology Preview」は、既にMacにインストールされているSafariの正式バージョンと共存できます

この新機能がウェブサイトやブログを越えて垣間見ることができるようになるのに、何年もかかることはないと思われます

画像元：iDownloadBlog
(Via iDownloadBlog.)