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

Question

Canvaで文字にアニメーションをつけたバナーを作成し、GIF保存したのですが、
アンドロイド端末や、iPhoneでもサファリで見ると
NO Imageになったり、アニメーションが動きません。
※chrome拡張機能のスマホビューもだめでした。

iPhoneのアプリだと問題なく動きます。
画像はR-cabinetに保存しています。
https://image.rakuten.co.jp/SHOP-URL/cabinet/ss/imgrc0079192417.gif

どうすれば様々な状況でもアニメーションを動かすことができるでしょうか？

Answer

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

Answer

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

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

カテゴリーから探す