Canvaで作成したアニメーションGIFについて

Question

Canvaで文字にアニメーションをつけたバナーを作成し、GIF保存したのですが、
アンドロイド端末や、iPhoneでもサファリで見ると
NO Imageになったり、アニメーションが動きません。
※chrome拡張機能のスマホビューもだめでした。

iPhoneのアプリだと問題なく動きます。
画像はR-cabinetに保存しています。
https://image.rakuten.co.jp/canlino/cabinet/ss/imgrc0079192417.gif

どうすれば様々な状況でもアニメーションを動かすことができるでしょうか？

Answer

ECマスターズの伊藤です。

> アンドロイド端末や、iPhoneでもサファリで見ると
> NO Imageになったり、アニメーションが動きません。

Gifを確認させていただいたところ、
画像サイズが1.84MBあり、
こちら5枚読み込むと1G近く消費
してしまうこととなります。

おもすぎる画像はページ表示に影響があり、
離脱の原因となりますので、
画像の見直しをお願いいたします。

また、NoImageとなるとのことですので、
容量がおもすぎて画像が正常に
読み込めていいないのではないかと思います。

画像は一般的には
200KB程度で抑えていただくことが
好ましいとされています。

どうぞよろしくお願いいたします。

Answer

伊藤様

なるほど、画像が重すぎたんですね。
Canvaで簡単にできるからとおもしろがっていろいろアニメーションをつけてはだめですね^^;
理由がわかって助かりました。
ありがとうございました！