りんごあつめ

りんごあつめは、iPhone・ MacBook ・iPad ・Apple Watchなど、Apple製品の情報をお届けするガジェット系ブログです。たまにAndroidスマホの話題も。

はてなブログにGIF画像を貼る方法。慣れると、はてなブログにGIFの動画画像をアップロードするのは簡単です。

f:id:starline1201:20180227193534p:plain

iPhoneやiPadの操作手順を説明する時、今までは手順を1つ1つ静止画(iPhoneのスクリーンショットなど)を使って説明してきました。

でも、直感でわかりやすく説明するには、動画が最も理解しやすいと思います。

しかし残念なことに、はてな系サービスに写真や動画を掲載するのに使える「はてなフォトライフ」では、2017年3月14日をもって動画のアップロード機能が終了。はてなブログで動画を簡単に紹介するのが難しくなってしまいました。

そこで、動画ではなく、パラパラ漫画のような「gifアニメーション」をはてなブログに掲載できたら、動画と同じように直感的に理解してもらえるのではないか?と思い立ち、結果的に成功しました。

そこで今回は、私が実際に試して実行できた「はてなブログにGIF画像をアップロードする方法」をまとめます。

アップロード手順:

1:動画に文字を入れる

iPhoneの操作手順を撮影した動画にテキストを入れるのに使ったのが、下記のアプリです。

ビデオスミス - 動画の編集は全部おまかせ

ビデオスミス - 動画の編集は全部おまかせ

  • ビカム株式会社
  • 写真/ビデオ
  • 無料

上記の動画編集アプリでは

の機能をうまく組み合わせることで、秒数ごとに違うテロップを入れたり、コピーライトを入れたりすることができます。

無料版だと右下に「Video Smith」というアプリロゴが入ってしまうので、気になる場合は有料版へアップグレードすることをオススメします。

2:GIF画像を作成

1で編集した動画をGIF画像にしていきましょう。以前から使っていた、

GIFトースター (GIF生成)

GIFトースター (GIF生成)

  • AppMadang
  • 写真/ビデオ
  • 無料

GIFトースターというアプリを使用しました。無料版でも十分なのですが、GIFの再生速度を早くしたい・fpsをあげたい(動画の再生時に起こるカクカク度をスムーズにしたい)場合などは、下記の有料版がオススメです。

GIFトースターPRO

GIFトースターPRO

  • AppMadang
  • 写真/ビデオ
  • ¥240

GIFトースターの使い方は非常に簡単。[アプリ開く]→[1で作った動画をアップロード]→[編集]→[GIF画像を作成]という流れです。

3:はてなブログにGIFを貼る

GIF画像が作成できたら、あとははてなブログ上にアップするだけ。

iPhoneで作ったGIF画像をアップするなら、はてなブログのiPhoneアプリからでしょ。と思って、下記の手順でGIF画像をアップロードしたところ…なぜかアップロードできない!!

同じような現象で困っている人や解決法を知っている人はいないのか…?と思って検索したところ、下記の記事で回答されていました。

上記の記事によると、iPhoneでSafariを開き、GIF動画をアップロードすることで解決するとのこと。

実際にやってみたところ…バッチリGIFをアップロードすることが出来ました!ありがとうございました。

GIFアップロードできない原因:

私の場合、GIFアップロードできなかった原因は2つ。

特に、画像ファイルの規定を超えた大きさのファイルをアップしていたら、そりゃ無理ですよね。新規記事からのアップロードでは5分ほど経ってもアップできませんでした。

はてなフォトライフの要件

はてなフォトライフには

※画像ファイルはjpg/jpeg/gif(アニメーションGIF含む)/png/bmp形式に対応し、1枚の画像は長辺10000px、10MBまでに対応しています。
(引用元:ヘルプ - はてなフォトライフ

と記載があるので、アップロードにつまづいている人は、ファイル形式やサイズを確認してみましょう。私がアップできなかった理由は「容量オーバー」でした。

何やってもアップロードできないーーー!とムシャクシャしている人は、まずは自分のアップしようとしている画像のファイル形式やサイズを確認しましょう。

GIF画像のサイズ確認方法:

とはいえ、Appleの「写真」アプリでは、画像の形式だけでなく、サイズも確認することはできません。どれくらい削れば、要件を満たす大きさになるのか分からない…

そこで使うのがこのアプリ。「Loooks」です。

Loooks

Loooks

  • Takahiro Ishihara
  • 写真/ビデオ
  • 無料

ファイルサイズやフォーマットはもちろん、撮影日や撮影機材名、位置情報などを表示することができます。

自分の意図しないうちに位置情報が情報として埋め込まれていないかどうかの確認もできるので、普段使いも可能なアプリです。

完成:ファイルサイズや形式をしっかり確認を:

ということで、下記の記事内にあるようなGIF動画をしっかり公開することができました。

調べながらやったので、GIF作成から公開まで1時間くらいかかっていたような…。ファイルの大きさが超過していることに気づいたのも遅かったし。

ということで、皆さんはどハマりする前に、

作ったGIF画像が上記2点の条件(2018年2月27日現在)をクリアしているか、もう一度確かめてみてくださいね。

以上「はてなブログにGIF画像を貼る方法。慣れると、はてなブログにGIFの動画画像をアップロードするのは簡単です。」でした。