---
url: "/pt/bannerify/export/platforms/responsive-html-media-queries.md"
description: "Combine layouts fornecidos do Figma em um banner HTML responsivo com clickTag para hospedagem própria."
---

# Exportar banners HTML responsivos com media queries

> Combine layouts fornecidos do Figma em um banner HTML responsivo com clickTag para hospedagem própria.

Selecione **Responsive HTML (Media Queries)** quando vários layouts fornecidos do Figma precisarem ser combinados em um único criativo HTML responsivo para hospedagem própria ou para um posicionamento compatível de terceiros.

## Exportar com esta opção {#exporting-with-this-option}

1. Carregue no Bannerify os frames de banner que você quer exportar.
2. Clique em **Export to HTML** no cabeçalho do Bannerify.
3. Em **Code Output Settings**, selecione a opção indicada neste guia.
4. Digite a URL de destino ou os outros valores específicos da plataforma mostrados no painel de exportação.
5. Clique no botão de exportação, baixe o `.zip` gerado e descompacte o download principal do Bannerify.

Se você ativar **Include individual .zip files for each banner**, os pacotes de banners prontos para upload ficam na pasta `_zips`. Alguns formatos responsivos e de arquivo único usam um pacote diferente, descrito na página própria de cada um.

> **Note:** Sempre teste o arquivo exportado exato na plataforma de destino ou no validador oficial dela. Uma pré-visualização local no navegador confirma que o criativo é renderizado, mas não confirma a elegibilidade da conta nem a aprovação da plataforma.

O Bannerify inclui os layouts fornecidos em um único documento responsivo, usa media queries para selecionar o layout correspondente e adiciona a URL de destino informada no painel de exportação. Ele não gera novos layouts, então inclua cada tamanho ou breakpoint exigido pelo posicionamento.

> **Warning:** Este não é um formato de upload do Google Ads. Use [Google Ads (Responsive HTML5)](/pt/bannerify/export/platforms/google-ads-responsive) para um único upload responsivo no Google Display, ou [Google Ads](/pt/bannerify/export/platforms/google-ads) para ZIPs separados de tamanho fixo.

Veja o [tutorial de exportação de HTML responsivo](/bannerify/tutorials/export-responsive-html-banners-from-figma) para um passo a passo completo.