パソコン用の画像 スマートフォン用の画像

【画像解説はもう古い?】LICEcapでGIF動画を撮影&記事内に挿入する方法!

これまでWordpressで記事を書くときに、画像キャプチャし一枚ずつ解説の矢印や文字を入れるのが主流でした。しかし解説用のGIF動画があったらすごく便利ですよね。今回はGIF動画を撮影&記事に挿入する方法を解説します。

GIF動画を記事内に使ってみよう。

と思ったのがはじまりです。今までは解説を記事に載せるときは画像をキャプチャして連続で貼るようにしていました。でも画像を何枚も見るよりは、gif動画を見たほうが分かりやすいではないか?と思い探していた「LICEcap」にたどり着きました。

参考

licecapをダウンロードlicecap

gifを記事内に挿入するとこんな感じになります。

wordpress,画像,キャプチャ,LICEcap,GIF,動画,撮影,記事内,挿入

gifにすると容量重いのかな?と思いましたが、調べてみると同サイズのjpgと同等かそれ以下くらいの容量だったので、長時間でなければ問題なさそうです。解説用に画像を何枚も挿入するよりも軽いくらいですね。

LICEcapのダウンロードから使い方

まずは下から「LICEcap」をダウンロードします。

参考

licecapをダウンロードlicecap

wordpress,画像,キャプチャ,LICEcap,GIF,動画,撮影,記事内,挿入

ダウンロードしたら解凍、インストールします。アプリを立ち上げるとこのようなウィンドウが出るので、録画したい場所に合わせて右下の「Record」をクリック→保存先を選択→3秒後に録画開始→「Stop」で録画ストップ&保存。操作はこれだけです。

wordpress,画像,キャプチャ,LICEcap,GIF,動画,撮影,記事内,挿入

gifを記事内に挿入するときは…
gifを記事内に挿入するときは、通常の画像挿入方法とまったく同じ手順でokです。

パソコン用の画像 スマートフォン用の画像