魔法使いのWebマーケティング

Webマーケティングで魔法をかける!

  • Home
  • SEO
  • WordPress
  • concrete CMS
  • サーバー
  • No-Code
  • 🍀自己紹介&実績
  • AIによる参照元つき高品質SEO記事作成ツールα版が完成🎉
  • お問い合わせ
  • Notionブログ(外部)
©2018〜2021 まほウェブ・魔法使いのwebマーケティング・魔法使いの道具箱
You are here: Home / 便利ツール一般 / FFmpegでgif動画のファイルサイズを小さく調整する

FFmpegでgif動画のファイルサイズを小さく調整する

By Wizard-Nakata 投稿日: 2021年6月27日 最終更新: 2021年6月27日

スクリーンショット動画やカメラで撮影した動画をwebサイトに掲載したい。だけど長さもそんなに長くないし、YouTubeなどにアップロードして埋め込むほどでもない…!

そんなときに便利なのが、GIF動画です。Gif動画には

  • リサイズや品質を適切なものにすれば、容量を非常に小さくできる
  • 再生ボタンなどがなく、スクロールし画面内に入ったときに自動的に再生される。
  • 動画背景として利用する際、GIF動画ならスマートフォンでも再生させることができる

など、様々なメリットがあります。

私は主に操作方法の説明をスクリーンショット動画で撮影し、mp4形式からGIF動画に変換したうえでブログに載せることが多いです。
その際のGIF形式への変換として、無料のオープンソースソフトウェアである”FFmpeg”を利用して、ファイルサイズを小さくしたうえでブログに掲載しています。

そこで今回は、FFmpegの基本的な使い方とファイルサイズを小さくするオプションをご紹介いたします。

目次

  • ffmpegとは無料で音声・動画の録音・変換・ストリーミングを行えるオープンソースのメディア編集ツール
  • ffmpegコマンド: 画像サイズを小さく、品質を下げてファイルサイズ容量を小さくする
  • ffmpegオプションの利用方法と2つのオプションを解説
    • -crfオプション
    • -vf scale=数値:-1 オプション
    • 画像サイズ調整には-sオプションがあるが、縦横比を保ってはくれない
  • FFmpegで動画をH.265エンコードして容量を大幅に節約する

ffmpegとは無料で音声・動画の録音・変換・ストリーミングを行えるオープンソースのメディア編集ツール

GIF動画

FFmpegとは、音声・動画の録音・変換・ストリーミングを行うことができるツールです。無料・オープンソースで提供されています。

FFmpeg

FFmpegは基本的にはコマンドラインから操作します。いわゆる"黒い画面"から操作しますが、非常にシンプルな記述で扱いやすいです。GUIで扱えるものもあるとのこと。

FFmpegはクロスプラットフォームでのメディアフレームワークであり、「Linux」「Mac OS X」「Windows」などさまざまなOSに対応しています。

参考: それFFmpegで出来るよ! Qiita

ffmpegコマンド: 画像サイズを小さく、品質を下げてファイルサイズ容量を小さくする

ファイルサイズを小さくするため、下記ffmpegコマンドをよく使用します。

ffmpeg -i input.mp4 -crf 35 -vf scale=800:-1 output.gif

input.mp4をoutput.gifに変換し、そのサイズに画像サイズをヨコ幅800pxに調整、画像品質は35を指定し品質を落としています。

本来、FFmpegの最低限の使い方として、動画をgifに変換するだけなら

ffmpeg -i input.mp4 output.mp4

のみでOKです。

しかし往々にしてファイルサイズが大きくなるため、前述のようにオプションをつけてffmpegを利用することが多くなるでしょう。

FFmpegのオプション一覧は下記の記事が参考になりました。

FFmpegの出力オプションを検証して、動画の圧縮率を調べてみた | じゃぶじゃぶゲーム

ffmpegオプションの利用方法と2つのオプションを解説

オプションはinput.mp4 と output.gifのあいだに書きます。

冒頭のコマンドで使用していた、-crfオプションと-vf scaleオプションについて解説します。

-crfオプション

-crf オプション: 品質を固定モードにして指定。

crfの後の値は0~63の数値を入れます。値が小さいほど品質が高くなります。推奨値は15~35で、30くらいがいいくらいだと思います。劣化が気になるようなら小さい値に設定しましょう。

ffmpegで動画を軽くする方法 – ~廃材連盟~

私は劣化がほとんど気にならなかったので、推奨値ギリギリの35を指定しています。

-vf scale=数値:-1 オプション

vf scale=数値:-1

上記のオプションを付けることで、縦横比を保ったまま画像サイズを変更できます。

ffmpeg -i sample.mp4 -vf scale=320:-1  sampleout.mp4

縦横比をそのままに、sample.mp4から幅が320pxの動画を作ることが出来きます。縦のサイズ−1(-vf scale=320:-1 部分)と指定するだけで、アスペクト比から自動計算されます。

FFmpegの動画圧縮・変換コマンドの使い方 – Mankind Inc.

画像サイズ調整には-sオプションがあるが、縦横比を保ってはくれない

なお、画像サイズ調整には他に-sオプションがありますが、-sオプションは

-s 640x320   #px単位で数値で指定。ヨコx縦。数値と数値のあいだはx(エックス)

のように、縦横をそれぞれpx単位で指定する必要があります。

アスペクト比を保って調整してくれる訳ではないため、縦横比を自動計算してサイズ調整してくれるvf scaleオプションの方が扱いやすいかなと思います。

FFmpegで動画をH.265エンコードして容量を大幅に節約する

なお、H.265という動画圧縮規格を利用することで、品質をほとんど落とさずに容量を大幅に削減することが可能なようです。

詳細は下記の参考サイトからご確認ください。

ffmpegで動画をH.265エンコードして容量を大幅に節約する 丁寧に手を抜く

この記事をシェアする:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)

本投稿の関連記事

カテゴリー: 便利ツール一般 タグ: FFmpeg, GIF

著者の自己紹介と実績紹介サイトはこちら

SEOコンサルティングやSEO実行支援、Webサイト制作のご相談を承っています。

Webサイト制作とSEOの専門家 – Marketing Wizard

上記サイトでは、私の経歴とWebサイト制作・SEO支援実績を掲載しています。

ぜひご覧くださいませ。

お気軽にコメントをくださいませ!

 

本記事はあなたのお役に立てましたでしょうか?
ひとことでもコメント欄からご感想をいただければ、モチベーションに繋がります。

また「本記事には書かれていなかったけれど、他の点について知りたい」というご質問や、誤っている箇所などあればご指摘もお待ちしております。

メールアドレスが公開されることはありません。
なんでもお気軽にコメントくださいませ。

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

email confirm*

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

Marketing Wizard : Nakata

" Webマーケティングで魔法をかける "
東京都にて活動しています、30代フリーランスのSEOコンサルタント兼Webディレクターです。Marketing Engineerを目指して色々勉強と挑戦中。

サイト制作では、SEOを考慮したサイト設計から、PR・プレスリリースを含めた幅広いWebマーケティングの提案・代行まで。
Google AnalyticsやSearch Console等のアクセスデータやログからの各種分析も行っています。

新規事業のご相談をいただくことも多く、No-Codeを用いた仮説検証・テストマーケティングもお引き受けしています。

【経歴】
神戸大学法学部卒→政府系金融機関。その後、大阪のインバウンド向け広告代理店に勤務した後、2014年4月から個人事業主として活動開始。
約5年間にわたり、旅行・観光のプランニング&手配代行サービスサイトを自身で設立。数名にてスモールビジネスとして運営しておりました。

自己紹介&実績掲載サイト

Webサイト制作とSEOの専門家 - Marketing Wizard

follow me !

  • Twitter
  • LinkedIn

サイト内検索

Recent Posts

  • WordPressブログをNotion製Webサイトに移行することにしました 2021年9月14日
  • Glideでログイン機能・ユーザーごとに表示切り替えできるアプリは作れるか 2021年7月24日
  • 「AWSをはじめよう」での初期設定まとめ。請求アラート・IAMユーザー・セキュリティ 2021年7月24日
  • 「URLがGoogleに登録されていません」Search Consoleでインデックスされない 2021年7月20日
  • オンラインのマインドマップならmiroで共同編集!作成・Notion埋め込み方法 2021年7月11日

Categories

  • CMS一般
  • concrete CMS
  • EC/ショッピングカート
  • No-Code
  • SEO
  • Strikingly
  • webセキュリティ
  • webデザイン/コーディング
  • webマーケティング一般
  • WordPress
  • その他
  • サーバー
  • フリーランス論/仕事術
  • マーケティングオートメーション(MA)・CRM
  • ライティング
  • 便利ツール一般

Tags

2段階認証 Adalo Airtable aws concrete5 ConoHa ConoHa-vps ContactForm7 ConvertKit CSS E-A-T Instagram kusanagi LP No-Code nofollow noindex owncloud podcast Quire ssh strikingly STUDIO tmux vps Webサイトビルダー webセキュリティ web制作 wordpress エックスサーバー エッセンシャル思考 エラー対応 クラウドストレージ サーチコンソール セキュリティ ツール データベース プラグイン プロジェクト管理 メールマーケティング ライティング 事例 書評 著者情報 高速化

ソース・参照元つきAIによる高品質SEO記事コンテンツ作成ツールα版が完成しました

現在、クローズドβ版に向けて先行登録ユーザー様を募集しています。

機能や詳細は ソース・参照元つきAIによる高品質SEO記事コンテンツ作成ツールα版が完成しました の記事をご確認ください。

Notion製Webサイトでも発信中

Notion×Superで制作したWebサイトでも、アウトライン形式で最新情報を発信しています。

魔法使いのスクリプト

頻繁に記事を更新していますので、こちらもぜひご覧ください。

Anchorでpodcastラジオ音声配信もしています

Webマーケティングやスモールビジネスに役立つ方法をpodcastラジオ音声配信しています。

魔法使いのWebマーケティングRadio  • A podcast on Anchor

「ながら聴き」も可能な内容ですので、ぜひお楽しみください。

お気軽にご相談ください

No-Codeによるシステム開発やCMS構築・Webサイト制作から、サイト分析・SEOを中心としたWebマーケティングまで。
さらにプレスリリース配信を起点としたPR戦略企画も承ります。

自己紹介・実績サイト

お問い合わせはこちらから。

ぜひお気軽にご相談ください。