--- url: "/ja/bannerify/export/video.md" description: "タイムラインでレイヤーのアニメーションを作り終えたら、バナーをMP4動画にエクスポートできます。" --- # バナーをMP4動画にエクスポートする > タイムラインでレイヤーのアニメーションを作り終えたら、バナーをMP4動画にエクスポートできます。 ### 動画チュートリアル：FigmaからバナーをMP4動画にエクスポートする この動画では、Bannerifyプラグインを使って、そのまま入稿できるアニメーションバナーをFigmaからMP4動画にエクスポートする方法を紹介します。 [Embedded media](https://www.youtube-nocookie.com/embed/rlq7Zq0fl7o) [Video](/assets/videos/bannerify/export/animated-mp4.mp4) **Export to GIF/Video**をクリックしてエクスポート設定を行ったら、エクスポートパネルの下部にある**Export MP4 (_n_ Banners)** ボタンをクリックして、FigmaからMP4へのバナーのエクスポートを開始します。アニメーションバナーは、[h264](https://en.wikipedia.org/wiki/Advanced_Video_Coding)でエンコードされた[MP4](https://en.wikipedia.org/wiki/WebM)動画としてエクスポートされます。 > **Note:** **ブラウザの対応状況** ：ブラウザの互換性の問題により、**MP4**動画は[Chrome](https://www.google.com/intl/en_us/chrome/)または[Figmaデスクトップアプリ](https://www.figma.com/downloads/)を使った場合に*のみ*エクスポートできます。 > **Info:** **MP4は自動で最適化されます** 。MP4動画のエクスポートは、最小のファイルサイズで最高の画質になるよう自動で最適化されます。 > **Tip:** **エクスポートにバナーを含める・除外する** 。既定では、Bannerifyにバナーとして読み込まれた、Figmaファイルの最上位のレイヤーがすべてエクスポートに含まれます。（[選択したバナーを再読み込み](/ja/bannerify/design/figma-frames#refreshing-or-re-loading-multiple-all-banners)せずに）一部のバナーを除外したい場合は、そのバナーのタイムラインヘッダーにある**Include In Export**スイッチを「オフ」に切り替えてください。そのバナーのタイムラインが非表示になり、エクスポートの対象からも除外されます。 ## フレームレート（Frames Per Second） {#frames-per-second} **Frames Per Second**のセレクトボックスのオプションで、GIFエクスポートのフレームレートを変更できます。選べるFPSは次のとおりです。 - 60 FPS（Ludicrous Mode） - 30 FPS（Ultra Smooth） - 24 FPS（Smooth） - 18 FPS（Less Smooth） - 12 FPS（Least Smooth） - 6 FPS（Jittery） > **Warning:** **FPSが高いほどレンダリングに時間がかかります。** フレーム数が多いほどエクスポートに時間がかかり、ファイルサイズも大きくなる点に注意してください。たとえば、**5秒のタイムライン**を**24 FPS**でエクスポートすると、バナー*1つあたり* **120フレーム**がレンダリングされます。 ## MP4動画のエクスポートに音声トラックを追加する {#adding-an-audio-track-to-mp4-video-exports} ### 動画チュートリアル：Figmaの動画バナーのエクスポートに音声を追加する この動画では、Bannerifyプラグインを使って、FigmaからエクスポートするMP4動画バナーに音声ファイルを追加する方法を紹介します。 [Embedded media](https://www.youtube-nocookie.com/embed/XLg0YGQglgA) MP4動画をエクスポートする前に、パソコンから`.mp3`ファイルをBannerifyのエクスポート設定にドラッグ＆ドロップすると、エクスポートする動画に.mp3の音声ファイルを含められます（.mp3の音楽ファイルは[Pixabay](https://pixabay.com/music/search/)などのサイトからダウンロードできます）。その後、エクスポートパネルの下部にある**Export MP4 (_n_ Banners)** ボタンをクリックすると、音声トラックを自動で含めたうえで、FigmaからMP4へのバナーのエクスポートが始まります。 また、すでにいずれかのレイヤーに動画のURLを埋め込んでいて、その動画の音声を使いたい場合は、**Use audio from embedded video**トグルを有効にすると、バナーのタイムラインのレイヤーにある動画の音声が自動で含まれます。 > **Note:** **ブラウザの対応状況** ：ブラウザの互換性の問題により、**MP4**動画は[Chrome](https://www.google.com/intl/en_us/chrome/)または[Figmaデスクトップアプリ](https://www.figma.com/downloads/)を使った場合に*のみ*エクスポートできます。 ## 最終的なMP4動画の.zipファイルをダウンロードする {#downloading-the-final-mp4-video-zip-file} Bannerifyでバナーの処理が終わると、確認メッセージが表示されます。**Download your .zip file**ボタンをクリックすると、エクスポートしたバナーを含む`.zip`ファイルをダウンロードできます。 > **Tip:** **Figmaからダウンロードしたファイルの保存** Figmaの**デスクトップアプリ**を使っている場合は、ファイルをダウンロードするためのダイアログが表示されます。一方、**Webブラウザ**でFigmaを使っている場合は、デフォルトでファイルが自動的にパソコンにダウンロードされます（通常はパソコンの**Downloads**フォルダに保存されます）。 ## MP4動画の.zipファイルを開く {#opening-your-mp4-video-zip-file} Figmaからパソコンに`.zip`ファイルをダウンロードしたら、ファイルエクスプローラーで保存先のフォルダを開きます。エクスポートした`.zip`ファイルを**ダブルクリック**すると内容が解凍され、バナーを自由に使えるようになります。