iPhoneで作ったGIFアニメをWordPressに貼っても動かなかった話

スポンサーリンク

ブログにGIFアニメを貼ろうとしたのですが、思いの外苦労しました。

理由はわからないのですが、解決しました。
つまづいたポイントを記録しておきます。

スポンサーリンク

GIFアニメを作るまではOKだった

ムービー→GIFアニメ

iPhoneで、このアプリを使ってムービーからGIFアニメを作りました。

ImgPlay - GIF Maker

ImgPlay – GIF Maker

ImgBase, Inc.無料posted withアプリーチ

このアプリ自体は何も問題なく、拡張子も.gifのファイルが作られていました。

つまづきポイント

①iPhone上で、PressSync経由でGIF動画をアップロード→動かない
②Mac上で、「写真」アプリからGIF動画をアップロード→動かない
上の2通りの方法でやってみましたが、ブログに貼り付けてみると、アニメーションになっていませんでした。

なぜ動かなかったのか

「写真」アプリで確認すると、GIFファイルになっている

Macから「写真」アプリで確認してみました。

拡張子は「.gif」になっていました。
プレビューで見ても、ちゃんとアニメーションになっています。

アップロードすると、「JPEG」になってしまう

GIFファイルをWordPressの「メディアを追加」でアップロードしてみます。

すると、GIFファイルがJPEGファイルに変換されていました。

 

このファイルのURLアドレスを打ち込んで確認してみますが、JPEGファイルなので、もちろんアニメーションになっていません

この方法で成功しました

一旦別の場所に保存してからアップロード

「写真」アプリ内のgifファイルを、一旦Macのデスクトップ上に保存しました。

問題なく、「.gif」となっています。

このファイルをアップロードします。

すると、拡張子は「GIF」のままアップロードされました!!!!

ブログに貼り付けると、ちゃんと動きます

最初に貼ったので結果はお分かりかと思います。

しっかりとアニメーションGIFが貼れました。

ただ、このやり方だとどうしてもPCが必須になります。
iPhone上だけで完結できないのが不便なので、引き続きいい方法を探っていきたいと思います。

まとめ

MacでGIFアニメをWordPressにアップロードする時は、「写真」アプリ内からではなく、一旦別場所に保存してからアップロードすると、成功します。