---
url: "/ja/bannerify/export/webm-video.md"
description: "タイムラインでレイヤーのアニメーションを作り終えたら、バナーをWebM動画にエクスポートできます。"
---

# バナーをWebM動画にエクスポートする

> タイムラインでレイヤーのアニメーションを作り終えたら、バナーをWebM動画にエクスポートできます。

### 動画チュートリアル：FigmaからバナーをWebM動画にエクスポートする

この動画では、Bannerifyプラグインを使って、そのまま入稿できるアニメーションバナーをFigmaからWebM動画にエクスポートする方法を紹介します。
[Embedded media](https://www.youtube-nocookie.com/embed/Nur9nWx9Qhs)

[Video](/assets/videos/bannerify/export/animated-webm.mp4)

**Export to GIF/Video**をクリックしてエクスポート設定を行ったら、エクスポートパネルの下部にある**Export WebM (_n_ Banners)** ボタンをクリックして、FigmaからWebMへのバナーのエクスポートを開始します。アニメーションバナーは[WebM](https://en.wikipedia.org/wiki/WebM)動画としてエクスポートされます。

> **Note:** **ブラウザの対応状況** ：ブラウザの互換性の問題により、**WebM**動画は[Chrome](https://www.google.com/intl/en_us/chrome/)または[Figmaデスクトップアプリ](https://www.figma.com/downloads/)を使った場合に*のみ*エクスポートできます。

> **Note:** **WebMは自動で最適化されます** 。WebM動画のエクスポートは、最小のファイルサイズで最高の画質になるよう自動で最適化されます。

> **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フレーム**がレンダリングされます。

## 最終的なWebM動画の.zipファイルをダウンロードする {#downloading-the-final-webm-video-zip-file}

Bannerifyでバナーの処理が終わると、確認メッセージが表示されます。**Download your .zip file**ボタンをクリックすると、エクスポートしたバナーを含む`.zip`ファイルをダウンロードできます。

> **Tip:** **Figmaからダウンロードしたファイルの保存** Figmaの**デスクトップアプリ**を使っている場合は、ファイルをダウンロードするためのダイアログが表示されます。一方、**Webブラウザ**でFigmaを使っている場合は、デフォルトでファイルが自動的にパソコンにダウンロードされます（通常はパソコンの**Downloads**フォルダに保存されます）。

## WebM動画の.zipファイルを開く {#opening-your-webm-video-zip-file}

Figmaからパソコンに`.zip`ファイルをダウンロードしたら、ファイルエクスプローラーで保存先のフォルダを開きます。エクスポートした`.zip`ファイルを**ダブルクリック**すると内容が解凍され、バナーを自由に使えるようになります。

## 動画エクスポートのFPS（フレームレート）設定 {#configuring-video-export-fps-frames-per-second-settings}

**Frames Per Second**のセレクトボックスのオプションで、エクスポートする動画のフレームレートを変更できます。選択できるFPSのオプションは次のとおりです。

- 60 FPS (Ludicrous Mode)
- 30 FPS (Ultra Smooth)
- 24 FPS (Smooth)
- 18 FPS (Less Smooth)
- 12 FPS (Least Smooth)
- 6 FPS (Jittery)
