WordPressにGifアニメを張り付ける
2016/04/07
先日伺ったYouTube Space東京のイベントでもらったお土産です。
YouTubeから配信するまでもない動画なのでgifアニメにしてWordpressにはりつけてみました。
マグカップと「あめちゃん」ww イベントでの気づきはこちら
http://www.webdemo.jp/?p=6995
なんとYouTubeの金太郎あめ 味は・・・・
ほかにもステッカーをもらったり、私のようにあまり東京に行かない「お登りさん」にはいいお土産でした。
Gifアニメとは
「複数の静止画像」を1つの画像に重ね合わせた動画ですが、拡張子はGIF(ヂフ)の画像の一種です。Gifは256色しか扱えないウェブで使用する画像形式です。
今回はスマートフォンで撮影し、GooglePhotoの機能を使ってGIfアニメ作成しました。
GooglePhotoは、Googleの写真共有サービスです。1つのGoogleアカウントで、スマホからPCまで画像を15GBまで(GoogleDrive内)共有できます。
googleのアカウントがあればだれでもすぐに使えます。スマートフォンの場合はアプリをインストールするといいですよ。
Wordpresで張り付ける時の注意
作成下Gifファイルをダウンロードしてwordpressでメディア登録したところ、うまく表示されませんでした。
なぜかな?と思ったのですが、原因があります。それは、画像サイズを縮小して表示していたからです。
例えば200PX X 200PXのサイズのGifアニメは、200未満もしくは200PXより大きいサイズで表示しようとすると画像だけの表示になってしまいます。
今回作成したGIfファイルはスマートフォンの画像サイズでそのまま作成されていたためにサイズが大きかったので、画像編集ソフトで、サイズを縮小し
表示させることができました。
いつもは画像ばかり、という時にちょっとした変化が付けられます。
本日はちょっとしたWordpressの小ネタでした。
ウェブデモの集客サービス
【無料情報]中小企業のウェブ集客、動画とブログを使った自社メディアの作り方
当社が10年にわたり実践してきたWeb集客、動画活用のノウハウを3つのコンテンツでお届けします。
動画とブログを使った自社メディアの作り方「メールマガジン」
単発相談から6か月の顧問契約まで、4つの基本メニューを用意しています。
1:集客のための動画マーケティング 1社限定1日研修
★おためしコンサルティング始めました
★その他のご相談はこちらから
ウェブデモ ソーシャルメディア
フォロー歓迎 毎日 つぶやいています ウェブデモツイッター
動画集客 Facebookページ
おすすめコンテンツ
- 1
-
動画マーケティングとは? 第1回 (全4回)
動画マーケティングとは何なのか? 動画マーケティングのカテゴリーには多くの記事を ...
- 2
-
アニメーションをパソコンだけで自分で作る方法
アニメーション制作サービスの内容を変更いたしました 弊社ではアニメーションの制作 ...