---
url: "/ja/bannerify/export/platforms/responsive-html-keyframes.md"
description: "用意した複数のレイアウトを、CSSキーフレームを使ったプラットフォームに依存しないレスポンシブHTMLにまとめます。"
---

# プラットフォームに依存しないレスポンシブHTMLバナーをエクスポートする

> 用意した複数のレイアウトを、CSSキーフレームを使ったプラットフォームに依存しないレスポンシブHTMLにまとめます。

用意した複数のFigmaレイアウトを、プラットフォームに依存しない1つのレスポンシブHTML出力にまとめる場合は、**Responsive HTML/JS (CSS @keyframes)** を選択します。

## このオプションでエクスポートする {#exporting-with-this-option}

1. エクスポートしたいバナーのフレームをBannerifyに読み込みます。
2. Bannerifyのヘッダーで**Export to HTML**をクリックします。
3. **Code Output Settings**で、このガイドで説明している出力オプションを選びます。
4. エクスポートパネルに表示される、リンク先URLなどのプラットフォーム固有の値を入力します。
5. エクスポートボタンをクリックし、生成された`.zip`をダウンロードして、Bannerifyのメインのダウンロードファイルを解凍します。

**Include individual .zip files for each banner**を有効にすると、そのまま入稿できるバナーのパッケージが`_zips`フォルダに保存されます。レスポンシブ形式や単一ファイル形式の中には、それぞれの専用ページで説明している別のパッケージを使うものもあります。

> **Note:** エクスポートしたファイルそのものを、必ず入稿先のプラットフォームか公式のバリデーターでテストしてください。ローカルのブラウザプレビューではクリエイティブが表示されることは確認できますが、アカウントの利用資格やプラットフォームの承認までは確認できません。

Bannerifyは用意したフレームのサイズを使い、実行時に合致するレイアウトを選択します。足りないレイアウトは生成されないため、配信環境で必要なサイズや向きをすべて含めてください。

このオプションでは、広告プラットフォームのSDKやクリックラッパーは追加されません。clickTagに対応したレスポンシブのオプションが必要な場合は[Responsive HTML (Media Queries)](/ja/bannerify/export/platforms/responsive-html-media-queries)を使い、パッケージを広告ネットワークに入稿する場合は名前付きのプラットフォーム形式を選んでください。