ネットで見つけた次の記事。
「「アニGIF使ってる人は、意識低すぎ」グーグルのエンジニアがダメ出し」
何となくそんな気がしていたのですが、やはり、という感じです。
管理人はGIFアニメーションが好きなので、このサイトでもたくさんの自作GIFを掲載しています。しかし、問題があります。それはファイルサイズが大きくなること。2MB程度に収まれば良い方です。時として巨大なファイルになります。そんな場合は別の方法を考えます。
大きなファイルは読み込みに時間がかかるため、閲覧者にとって好ましくない。それはGoogleなど検索サイトの巡回ロボットにとっても同じこと。もちろん、サイト運営者にとっても、限られたディスクの容量を圧迫するというデメリットがあります。
つまり、誰にとってもメリットがないGIFアニメーションということでしょう。
もちろん、とても小さなサイズのGIFアニメーションもあります。
たとえば下のGIF。このファイルサイズはわずか 88kb しかありません。この圧縮方式は、「 LZW 」を使っています。
出典: imgur.com
どうすればこれだけ高画質でファイルサイズの小さなGIFアニメを作れるのか不思議です。ちなみに、画像サイズは、 750px x 224px と決して小さくはない！
世界の古参のネット関連技術者たちが「GIF」を目の敵にする気持ちは分かります。1985年に成立した米国 Unisys 社の LZW 特許についての問題です。ほとんど詐欺と言える手口で特許を主張した Unisys 社に対し、世界が反発し、世界中から批判を浴びました。当初は無償で配布しながら、その技術が普及した時点で特許を主張するという手口です。ちなみに、2003年6月20日、米国で特許の有効期限が切れました。
LZW 特許問題を回避するため、LZW 特許を使用しない新しい画像フォーマット PNG が W3C で開発されました。しかし、ご存じの通り、PNGアニメーションはほとんど普及していません。
まあ、経緯などどうでもよいこと。必要なのは、ファイルサイズの大きいGIFアニメーションの代替方式についてです。
PNGアニメーションについては過去記事でいくつか紹介しています。たとえば、『PNG型式でアニメーションができる！』など。
GIFではなくmp4形式で配信
GIF動画を集めて配信しているサイトがいくつか存在します。
とても高画質なので驚いたのですが、実は、GIFではなくmp4形式で配信し、それを表示しています。だから、とても高画質なのです。それなのにファイルサイズは小さい！
でも、それって、実際に自分のサイトに設定するにはどうしたらよいか分からない。
問題となるのは、GIFアニメが無限ループで表示されるのに対し、MP4形式の動画は1回きりの再生となること。短い動画ほどmp4形式動画は使えない・・・と思っていました。
しかし、動画をループ再生させることができる・・らしい。
動画をGIFアニメのように無限ループ再生する設定方法
いよいよ今日の本題です。
GIFのファイルサイズが巨大になるのに対し、mp4形式の動画にするとファイルサイズは数分の一、たぶん、10分の1程度になると思います。さらに、mp4形式の方が圧倒的に高画質になります。GIFは最大256色で表示しているため、写真などにはそもそも不向きな形式です。mp4の方がメリット満載です。
では、どうやって、設定すれば良いのでしょうか。ネットで探してもよく分からない。ネットで紹介されている通りにやってみてもうまくいきません。
管理人には、その原因を追求する労力を費やす気はありません。単に、自分のサイトで設定できればよいだけなので。この記事の閲覧者のほぼすべてが同じ気持ちだと思います。設定方法を知りたいだけ！
まずは、mp4動画をご覧下さい。綺麗にループ再生しています。まさに管理人が設定したかった表示状態になっています。
画像は無料画像素材として有名な「茜さや」さんです。可愛いですね。巨乳だし♥♪♫
このコードは、次のようになっています。
<div align="center"> . </div>やりたかったことは、
- 動画がシームレスでリピート再生されること
- 動画の表示位置がセンタリングされていること
- 動画が自動でスタートすること
- 動画のコントロールやフレームが表示されないこと
です。GIFの代替としてmp4動画を使うのであれば、この条件は必須です。
コードで注意すべきは、「＜～＞」ではなく「［～］」を使っていること。ネットで見かける「＜～＞」方式は、少なくとも管理人の環境では機能しません。
