APNG
https://gyazo.com/d481a34c094258fcf6501f809998b731
https://ja.wikipedia.org/wiki/Animated_Portable_Network_Graphics
PNG の拡張フォーマットでアニメーション表現を画像として実現できるフォーマット
PNGの拡張であるため簡易的な動画フォーマットでありながらロスレスなことが特徴
一方で Animated WebP / WebM、あるいはアルファチャンネル付き HEVC などのガチな動画フォーマットと比較してしまうと、圧縮率はそこそこにとどまる
Chrome、Firefox、Safari など主要なブラウザが対応する
かつて似たフォーマットに MNG が存在したがこちらは普及しなかった
アニメーションするタイプのLINEスタンプでも採用されている
ブラウザ互換性
https://gyazo.com/621a21daf9627b8e0427293035a1206b
Animated PNG (APNG) | Can I use... Support tables for HTML5, CSS3, etc によれば、96.94% のデバイスがサポートしている
半透明を表現できる画像フォーマットで問題なくレンダリングできるのは、確認時点で APNG が一番手軽で互換性の高い手段といえる
Safariはアルファチャンネル付きAnimated WebPを正しくレンダリングできない場合がある
Safariで表示できるアルファチャンネル付きAnimated WebPの作り方
関連
WebP
ガイドライン - LINE Creators Market
Browser Compatibility of Animated PNG (APNG) | Cross Browser Compatibility Score of Animated PNG (APNG)