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

# バナーをアニメーションGIFファイルにエクスポートする

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

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

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

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

バナーが完成し、GIF、WebM、MP4、アニメーションWebPファイルにエクスポートしたくなったら、Bannerifyのヘッダーで**Export to GIF/Video**ボタンをクリックします。GIF・動画のエクスポート設定が開きます。

> **Note:** **エクスポートにバナーを含める・除外する** デフォルトでは、Bannerifyにバナーとして読み込まれたFigmaファイルのフレームがすべてエクスポートに含まれます。エクスポートから除外したいバナーがある場合は、そのバナーのタイムラインのヘッダーにある**Include In Export**スイッチを「オフ」にします。そのバナーのタイムラインが非表示になり、エクスポートにも追加されなくなります。

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

GIFのフレームの遅延は10ミリ秒単位です。Bannerifyは、全体の再生速度を保つために、必要に応じてフレームの遅延を交互に変えます。そのため、個々のフレームの長さがわずかに異なる場合があります。GIFで60 FPSを選ぶと、ブラウザが正しい速度で再生できるよう、Bannerifyは50 FPSでサンプリングしてエクスポートします。エクスポートパネルとZIPのファイル名には、実際のレートである50 FPSが表示されます。選んだフレームレートは、MP4やその他の形式ではそのまま使われます。

## 可逆圧縮と非可逆圧縮 {#lossless-or-lossy-compression}

デフォルトでは、GIFは*可逆*圧縮でエクスポートされます。目立った品質の低下なしに、ファイルサイズが小さく抑えられます。多少の品質の低下と引き換えに、さらに小さなGIFが必要な場合は、**Lossless Compression**トグルをオフにし、カスタムの圧縮品質スライダーを必要に応じて調整してください。

> **Note:** **ディザリングの詳細オプションの設定** 詳しい方は、GIFエクスポート設定パネルで画像のディザリングのドロップダウンのオプションを変更して、GIFのエクスポートに使われる[ディザリング](https://en.wikipedia.org/wiki/Dither#Examples_2)の種類をカスタマイズできます。

## グローバルカラーパレットを使う {#using-global-color-palette}

すべてのフレームのカラーパレットが同じGIF（フレーム間でわずかな動きやテキストの変更などがあるだけのもの）をエクスポートしていて、色の乱れが見られる場合は、**All GIF frames have the same color palette**トグルのオプションを有効にするとよいでしょう。GIFの最初のフレームのカラーパレットを再利用し、GIFのほかのすべてのフレームにも適用します。

> **Warning:** **グローバルカラーパレットは不具合が起きることがあります。** GIFに不要な色の乱れやバンディングが見られる場合の最後の手段としてのみ、このオプションを使ってください。GIFのほかのフレームにある色の一部が最初のフレームに含まれていない場合、別の問題が起きることがあります。

## 無限ループ再生 {#infinitely-loop-playback}

**Infinite Loop**オプションを有効にすると、アニメーションのタイムラインをずっとループし続けるGIFがエクスポートされます。この設定を無効にすると、GIFはアニメーションのタイムラインを1回再生した後、アニメーションの最後のフレームで止まります。このオプションは**GIF**のエクスポートにのみ適用されます。

## GIFの透明な背景を指定する {#flagging-transparent-backgrounds-for-gifs}

デフォルトでは、GIFのエクスポートに透明な背景は含まれません。GIFに透明部分が必要な場合は、GIFエクスポート設定で**Has Transparent Background**トグルを有効にしてください。

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

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

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

## GIFの.zipファイルを開く {#opening-your-gif-zip-file}

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