ブログにGIFアニメを貼ろうとしたのですが、思いの外苦労しました。
理由はわからないのですが、解決しました。
つまづいたポイントを記録しておきます。
目次
GIFアニメを作るまではOKだった
ムービー→GIFアニメ
iPhoneで、このアプリを使ってムービーからGIFアニメを作りました。
このアプリ自体は何も問題なく、拡張子も.gifのファイルが作られていました。
つまづきポイント
- iPhone上で、PressSync経由でGIF動画をアップロード→動かない
- Mac上で、「写真」アプリからGIF動画をアップロード→動かない
上の２通りの方法でやってみましたが、ブログに貼り付けてみると、アニメーションになっていませんでした。
なぜ動かなかったのか
「写真」アプリで確認すると、GIFファイルになっている
Macから「写真」アプリで確認してみました。
拡張子は「.gif」になっていました。
プレビューで見ても、ちゃんとアニメーションになっています。
アップロードすると、「JPEG」になってしまう
GIFファイルをWordPressの「メディアを追加」でアップロードしてみます。
すると、GIFファイルがJPEGファイルに変換されていました。
このファイルのURLアドレスを打ち込んで確認してみますが、JPEGファイルなので、もちろんアニメーションになっていません。
この方法で成功しました
一旦別の場所に保存してからアップロード
「写真」アプリ内のgifファイルを、一旦Macのデスクトップ上に保存しました。
問題なく、「.gif」となっています。
このファイルをアップロードします。
すると、拡張子は「GIF」のままアップロードされました。
ブログに貼り付けると、ちゃんと動きます
最初に貼ったので結果はお分かりかと思います。
しっかりとアニメーションGIFが貼れました。
ただ、このやり方だとどうしてもPCが必須になります。
iPhone上だけで完結できないのが不便なので、引き続きいい方法を探っていきたいと思います。
まとめ
MacでGIFアニメをWordPressにアップロードする時は、「写真」アプリ内からではなく、一旦別場所に保存してからアップロードすると、成功します。