--- url: "/ja/bannerify/export/animated-webp.md" description: "タイムラインでレイヤーのアニメーションを作り終えたら、バナーをアニメーションWebPファイルにエクスポートできます。" --- # バナーをアニメーションWebP画像にエクスポートする > タイムラインでレイヤーのアニメーションを作り終えたら、バナーをアニメーションWebPファイルにエクスポートできます。 ### 動画チュートリアル：FigmaからバナーをアニメーションWebP画像にエクスポートする この動画では、Bannerifyプラグインを使って、そのまま使えるアニメーションバナーをFigmaからアニメーションWebP画像にエクスポートする方法を紹介します。 [Embedded media](https://www.youtube-nocookie.com/embed/-MsleYiQHIQ) [Video](/assets/videos/bannerify/export/animated-webp.mp4) **Export to GIF/Video**をクリックしてエクスポート設定を行ったら、エクスポートパネルの下部にある**Export WebP (_n_ Banners)** ボタンをクリックすると、FigmaからバナーをアニメーションWebP画像にエクスポートできます。アニメーションバナーは[アニメーションWebP](https://css-tricks.com/gifs-without-the-gif-the-most-performant-image-and-video-options-right-now/#aa-use-animated-webp)の画像ファイルとしてエクスポートされます。 > **Note:** **ブラウザの対応状況** ブラウザの互換性の問題により、**Animated WebP**は[Chrome](https://www.google.com/intl/en_us/chrome/)または[Figmaデスクトップアプリ](https://www.figma.com/downloads/)でしかエクスポートできません。 > **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フレーム**がレンダリングされます。 ## 最終的なWebPの.zipファイルをダウンロードする {#downloading-the-final-webp-zip-file} Bannerifyでバナーの処理が終わると、確認メッセージが表示されます。**Download your .zip file**ボタンをクリックすると、エクスポートしたバナーを含む`.zip`ファイルをダウンロードできます。 > **Tip:** **Figmaからダウンロードしたファイルの保存** Figmaの**デスクトップアプリ**を使っている場合は、ファイルをダウンロードするためのダイアログが表示されます。一方、**Webブラウザ**でFigmaを使っている場合は、デフォルトでファイルが自動的にパソコンにダウンロードされます（通常はパソコンの**Downloads**フォルダに保存されます）。 ## WebPの.zipファイルを開く {#opening-your-webp-zip-file} Figmaから`.zip`ファイルをパソコンにダウンロードしたら、ファイルエクスプローラーで保存先のフォルダを開きます。エクスポートした`.zip`ファイルを**ダブルクリック**すると内容が解凍され、バナーを自由に使えるようになります。