---
url: "/ja/bannerify/export/platforms/responsive-html-media-queries.md"
description: "用意した複数のFigmaレイアウトを、独自ホスティング向けのclickTag対応レスポンシブHTMLバナーにまとめます。"
---

# メディアクエリでレスポンシブHTMLバナーをエクスポートする

> 用意した複数のFigmaレイアウトを、独自ホスティング向けのclickTag対応レスポンシブHTMLバナーにまとめます。

独自のホスティングや互換性のあるサードパーティの配置向けに、用意した複数のFigmaレイアウトを1つのレスポンシブHTMLクリエイティブにまとめる場合は、**Responsive HTML (Media Queries)** を選択します。

## このオプションでエクスポートする {#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は用意したレイアウトを1つのレスポンシブなドキュメントに含め、メディアクエリで合致するレイアウトを選び、エクスポートパネルで入力した遷移先URLを追加します。新しいレイアウトは生成されないため、配置に必要なサイズやブレークポイントをすべて含めてください。

> **Warning:** これはGoogle Ads向けのアップロード形式ではありません。Googleディスプレイ向けにレスポンシブなアップロードを1つにまとめる場合は[Google Ads (Responsive HTML5)](/ja/bannerify/export/platforms/google-ads-responsive)を、固定サイズのZIPを個別に用意する場合は[Google Ads](/ja/bannerify/export/platforms/google-ads)を使ってください。

詳しい手順は[レスポンシブHTMLエクスポートのチュートリアル](/bannerify/tutorials/export-responsive-html-banners-from-figma)をご覧ください。