サイト作成をしていくと、ページ内に動いて出る画像を設置して文章よりわかりやすく伝えたい場合があると思います。
今回はGIFにして動画を作成して、サイト内に動画を設置する方法をお伝えします。
GIF動画とは？
画像をコマ割りして連続再生したもの。
静止画が数コマで動いて動画のように表示できるものです。
ファイルサイズが軽く、無限ループできるので印象に残りやすいというメリットがあります。
作成 貼り付け方法 手順
①gif化する動画の準備
iphoneで撮影したものをパソコンに転送して準備します。
今回は例のために、動画フリー素材サイトから動画をダウンロードして使用しました。
②動画をgifに変換
下記のサイトにアクセスして①で準備した動画の変換を行います。
この時に使用するサイトはいくつかありますので、ご紹介していきます。
GIF変換サイト
変換サイトはいくつかありますので、紹介していきます。
自分にあったものをご利用ください。
GIFメーカー SYNCER
GIFメーカー
GIFメーカーは、動画、または複数画像を組み合わせてアニメーション画像を作れるウェブサービスです。スマホでの操作に対応しています。
syncer.jp
動画から、または、複数の画像からアニメーション画像を作成できるウェブサービスです。
切り替わりの速さ、テキストの挿入、サイズ選択などができます。
このような感じになりました。 ※小サイズ選択
動画をGIFに変換 ラッコツールズ
動画をGIFに変換：mp4からGIF作成 | ラッコツールズ🔧
mp4など動画・ムービーをGIFアニメーションに変換します。
rakko.tools
様々なツールが利用できるラッコツールズのツールの一つです。
開始時間、終了時間、速度、幅、高さ を選択してGIF化します。
GIF化した動画がこちらです。
MP4 GIF 変換 - ビデオファイルをオンラインで変換する
MP4 GIF 変換 - ビデオファイルをオンラインで変換する
MP4 GIF 変換 - 無料でオンラインMP4(MPEG-4 Part 14)ファイルをGIF(CompuServe Graphics Interchange Format)ファイルに変換する - ビデオをオンラインで変換する。
www.aconvert.com
ファイル選択して、GIF化できます。
JPGをGIFに変換
JPGをGIFまたはアニメーションGIFに変換
JPG画像でアニメーションGIFを作成またはJPGを分離されたGIF画像に変換。JPGをGIFに変換するためのオンラインアプリです。
www.iloveimg.com
JPGのみになりますが、アニメーションGIFなどに変換できます。
まとめ
他にもいろんなGIF変換ツールがありますので、こちらのページも随時更新していければと思います。
GIFを使用することで、動きを付けた説明が可能になるためサイトの質向上に役立てるかと思います。