Como este tema funciona na sua empresa
Kit criativo enxuto de banners HTML5 nos formatos mais comuns do mercado (300x250, 728x90, 320x50, 300x600) produzido por designer interno ou freelancer. Tipicamente 3 a 6 variações por campanha. Sem rich media nem criativo dinâmico — operação se concentra em mensagem clara e marca visível em formato leve. Investimento por campanha: R$ 800-3.500 em produção. Ferramenta: Google Web Designer (gratuito) ou Bannersnack, com servidor do Google Ads ou Meta Ads Manager.
Operação amplia kit para 8 a 15 variações por campanha, cobre formatos adicionais (200x200, 970x250, 320x100 vertical mobile) e começa a usar rich media (banner com vídeo, expansível) em campanhas estratégicas. Em alguns casos, adota criativo dinâmico (DCO) para personalizar mensagem por segmento ou contexto. Estúdio interno + escritório de design parceiro para produções polidas. Investimento típico: R$ 5.000-25.000 por campanha em produção.
Cultura de produção em escala: 30 a 100+ variações por campanha, biblioteca de criativos versionada, criativo dinâmico (DCO) com regras baseadas em segmento, geografia, produto, momento. Rich media é padrão em campanhas de marca. Estúdio interno ou agência dedicada com sistema de produção que entrega adaptações em horas. Servidor de anúncios próprio (Google Campaign Manager 360, Sizmek) com gestão de impressão e relatórios consolidados. Investimento por campanha: R$ 50.000-300.000+ em produção criativa.
Formatos de display em mídia digital
são os modelos padronizados de criativos publicitários veiculados em sites, aplicativos e ambientes programáticos — definidos por dimensões em pixels (300x250, 728x90, 320x50, 300x600 entre outros), tipo de mídia (banner estático em GIF ou JPG; banner animado em HTML5; rich media com vídeo, expansão ou interação; criativo dinâmico com elementos variáveis por contexto) e por especificações técnicas (peso máximo, número de quadros de animação, host de carregamento) — seguindo padrões internacionais do IAB Tech Lab que garantem compatibilidade com o ecossistema de servidores de anúncios, plataformas de demanda e inventário disponível.
Por que criativo de display continua relevante (apesar do CTR baixo)
É comum ouvir que "display morreu" — taxa de clique média ronda 0,05% a 0,5%, bloqueadores de anúncio são populares, atenção do usuário fragmentada. Mesmo assim, display continua sendo um dos canais com maior alcance, menor custo por mil impressões (CPM) e maior capacidade de construção de reconhecimento de marca em escala. O canal não morreu — mudou de função.
Display moderno entrega três valores principais: alcance massivo de baixo custo para reconhecimento de marca, redirecionamento (chamado em inglês retargeting) de visitantes que já conheceram a marca, e criativo dinâmico que personaliza mensagem por segmento, produto, geografia ou contexto. O erro mais comum é continuar produzindo banner estático genérico para um canal que evoluiu para variação criativa em escala e rich media — o resultado é desempenho estagnado e percepção de que "display não funciona".
Este artigo cobre o que produzir para evitar problemas comuns: padrões IAB, dimensões essenciais, banner estático vs. HTML5, rich media, criativo dinâmico (DCO), mobile-first e boas práticas que mexem o ponteiro.
Padrões IAB: a linguagem comum do display
O IAB Tech Lab (Interactive Advertising Bureau) mantém o padrão internacional de formatos de display — o "New Ad Portfolio". O padrão IAB define dimensões, peso máximo, especificações de animação e parâmetros de qualidade que tornam o criativo compatível com qualquer servidor de anúncios, plataforma de demanda e inventário no ecossistema. Produzir fora do padrão IAB significa veiculação restrita e desempenho prejudicado.
Os formatos mais usados pertencem a três famílias:
Família Universal (compatível com qualquer ambiente). 300x250 (médio retângulo — formato mais veiculado globalmente), 728x90 (banner superior horizontal, dominante em desktop), 320x50 (banner mobile horizontal), 300x600 (banner vertical, alto inventário em sites de conteúdo).
Família In-Article e Native. Criativos que se inserem em meio ao conteúdo, com dimensões variáveis e adaptação automática. Tendem a ter taxa de visualização e taxa de clique maiores que banners tradicionais.
Família Outstream Video. Vídeo curto que roda em ambiente display (não em player de vídeo), tipicamente 6-15 segundos com áudio inicialmente desligado.
Para uma campanha cobrir bem o ecossistema brasileiro, o kit mínimo é: 300x250, 728x90, 320x50 mobile e 300x600. Para cobertura plena, agrega-se 970x250 (banner billboard), 320x100 (mobile médio) e versões native. Produzir todas as variações exige tempo — por isso operações maduras usam ferramentas que geram adaptações automáticas a partir de master único.
Especificações técnicas: peso, animação, host
Para garantir que o anúncio carregue rápido e seja aceito pela maioria dos publishers, especificações técnicas precisam ser respeitadas:
Peso máximo (initial load). Em geral 150 KB para banner padrão, com permissão de até 200 KB para rich media simples. Banner pesado é rejeitado por publishers, prejudica carregamento da página e reduz visualização efetiva. Otimize imagens em formato WebP ou JPG progressivo, comprima SVGs, minifique CSS e JavaScript.
Peso polite load. Após carga inicial, peso adicional permitido (tipicamente até 2,5 MB) que carrega após a página estar pronta. Permite rich media mais elaborado sem prejudicar o desempenho do site.
Duração de animação. Máximo 30 segundos. Após esse tempo, animação precisa parar. Banner que pisca infinitamente é rejeitado e prejudica a experiência de leitura.
Velocidade de quadros (FPS). Tipicamente 24 fps. Animações com velocidade maior podem ser rejeitadas por causar incômodo visual.
Host de carregamento. O criativo deve carregar a partir de um servidor de anúncios reconhecido (Google Campaign Manager, Sizmek, AdForm) ou da própria plataforma (Google Ads, Meta Ads Manager). Hospedagem caseira gera problemas de mensuração e segurança de marca.
Áudio. Em rich media com vídeo ou som, áudio precisa começar desligado — só ativa após interação do usuário. Anúncio com som ligado automaticamente é considerado intrusivo e pode ser rejeitado.
Banner estático (GIF, JPG) vs. HTML5
Por anos, a escolha entre banner estático e HTML5 foi quase ideológica. Hoje, é decisão prática:
Banner estático (JPG, PNG, GIF). Imagem única ou animada simples. Vantagens: produção rápida, compatibilidade universal, peso baixo, fácil de adaptar. Limitações: nada de interação, animação limitada (GIF tem 256 cores e fica visualmente pobre), sem evento personalizado.
Banner HTML5. Pacote com HTML, CSS, JavaScript e imagens, gerado por ferramenta como Google Web Designer ou Adobe Animate. Vantagens: animação fluida em alta resolução, transições polidas, possibilidade de interação leve, eventos personalizados (rastrear interações específicas), responsividade. Limitações: produção mais cara (R$ 400-1.500 por banner), tamanho do arquivo maior, requer ferramenta e desenvolvedor ou designer especializado.
Recomendação prática: HTML5 é o padrão atual para campanhas profissionais; banner estático em JPG fica como variação leve para inventário com restrição de peso ou como teste rápido. GIF animado é descontinuado para uso profissional — a maioria dos publishers prefere HTML5.
Rich media: vídeo, expansão, interação
Rich media é a família de formatos que vai além do banner tradicional, agregando interação ou conteúdo audiovisual:
Banner com vídeo (in-banner video). Banner que contém um pequeno player de vídeo de 6-30 segundos, tipicamente com áudio desligado por padrão. Excelente para construção de reconhecimento de marca, taxa de visualização maior que banner estático, custo de produção R$ 3.500-15.000 por peça.
Banner expansível. Banner que ocupa dimensão padrão (ex.: 300x250) e expande para dimensão maior (ex.: 600x500) ao receber interação do usuário (passar o cursor ou clicar). Excelente para entregar mais mensagem sem ocupar espaço fixo grande. Custo de produção: R$ 4.000-12.000.
Banner interativo. Inclui jogo simples, calculadora, quiz, mini formulário, gallery. Engajamento muito alto quando bem feito. Custo de produção: R$ 6.000-30.000.
Push-down ou take-over. Banner que ocupa parte significativa da tela por alguns segundos (3-5s) e depois recolhe para dimensão padrão. Alto impacto inicial, usado para lançamento de marca ou produto. Custo: R$ 8.000-25.000.
Rich media tem custo de produção 3-10x maior que banner padrão, mas tipicamente entrega taxa de clique 2-5x maior e indicador de marca (recordação, intenção) significativamente melhor. Aposta vale para campanhas de marca ou momentos críticos (lançamento, sazonalidade alta).
DCO — Criativo Dinâmico: personalização em escala
DCO (Dynamic Creative Optimization, em inglês — "otimização dinâmica de criativo") é a técnica em que um único master de banner contém elementos variáveis (imagem do produto, preço, headline, chamada para ação, cor, oferta) que são preenchidos automaticamente em tempo real com base em segmento, geografia, comportamento prévio, momento do dia ou contexto do site.
Exemplo prático no varejo: um master de banner de loja de móveis carrega dinamicamente a imagem do produto que o visitante viu no site, com preço atualizado, mensagem ajustada à categoria (sofá, mesa, decoração) e cor que casa com o site de exibição. O banner que o visitante vê é único — feito sob medida em milissegundos.
Como funciona tecnicamente:
1. Template master. Banner com lugares vazios (em inglês placeholders) para imagem, texto, preço, cor.
2. Alimentação (feed) de produtos. Arquivo (XML, CSV, planilha) com lista de produtos, imagens, preços, estoque, atualizado em tempo real.
3. Regras. Quais elementos preencher conforme cada contexto. Visitante que olhou produto X ? mostra produto X. Visitante novo ? mostra produto mais vendido. Acima de 30°C ? mostra ar-condicionado. Sexta à noite ? mostra promoção de fim de semana.
4. Servidor de anúncios. Plataforma (Google Studio, Sizmek, Flashtalking) executa a regra e entrega o banner personalizado.
DCO multiplica o número efetivo de variações criativas de uma campanha sem multiplicar a produção. Em vez de produzir 100 banners distintos manualmente, produz-se um master com regras e o sistema gera milhares de combinações automaticamente. É o avanço mais significativo em produção de display nas últimas décadas — e ainda é subutilizado por boa parte do mercado brasileiro.
Kit padrão de 4-6 banners HTML5 por campanha cobrindo os formatos essenciais (300x250, 728x90, 320x50, 300x600). Produzido por designer interno ou freelancer com Google Web Designer (ferramenta gratuita). Sem rich media nem DCO neste estágio. Foco: mensagem clara, marca em até 2 segundos, chamada para ação visível. Adaptação para mobile é prioridade — mais de 60% do tráfego é mobile no Brasil.
Kit ampliado de 8-15 variações por campanha, incluindo formatos adicionais. Rich media (banner com vídeo, expansível) em campanhas de marca ou lançamento de produto. Início de uso de DCO em campanhas de redirecionamento e em segmentos com produto variável (varejo, viagem, imóveis). Time interno + escritório de design parceiro. Servidor de anúncios típico: Google Campaign Manager 360 ou Sizmek.
Produção em escala industrial: 30-100+ variações por campanha, biblioteca de criativos versionada por marca, produto e geografia. DCO é padrão em redirecionamento e em campanhas com produto variável. Rich media em todas as campanhas de marca. Estúdio interno ou agência dedicada com pipeline de produção que entrega adaptações em horas. Servidor próprio (Campaign Manager 360, Sizmek, AdForm) com relatórios consolidados e mensuração de visualização e segurança de marca.
Mobile-first: produzir já pensando no celular
Mais de 60% do tráfego de display no Brasil vem de celular. Banner pensado para desktop e adaptado às pressas para celular perde desempenho. Princípios de produção pensando no celular:
Formato vertical e leve. 320x50 (banner horizontal mobile) e 320x100 (banner médio mobile) são essenciais. 300x250 também funciona em mobile, especialmente em aplicativos.
Texto curto. Banner mobile tem 5-10 palavras, no máximo. Tipografia grande, contraste alto, leitura possível em 2 segundos.
Marca visível imediatamente. Em formato pequeno, o logo precisa estar evidente desde o primeiro quadro. Animação que esconde a marca por 5 segundos faz o usuário não recordar a marca.
Chamada para ação clara. Botão grande, texto direto ("Comprar", "Saber mais", "Baixar agora"), área de toque adequada (mínimo 44x44 pixels para evitar toque acidental ou perdido).
Peso baixo. Conexão móvel costuma ser mais lenta que desktop. Banner pesado demora a carregar, o usuário rola a página antes do banner aparecer, impressão é perdida.
Sem dependência de cursor. Interações de "passar o cursor" não funcionam em celular. Use clique ou toque direto.
Boas práticas que mexem o ponteiro
O que separa banner que converte do que passa despercebido:
Marca visível em até 2 segundos. Em 2 segundos, o usuário decide se presta atenção ou ignora. Logo precisa estar visível imediatamente — animação que começa com elementos abstratos e revela a marca no fim perde a maior parte dos usuários antes do reveal.
Mensagem única. Um banner = uma mensagem. Tentar comunicar três benefícios em 8 segundos confunde e ninguém lê nenhum. Escolha a mensagem mais importante e dedique o espaço a ela.
Contraste alto. Texto precisa ser legível mesmo em ambientes ruidosos visualmente (sites cheios de outros elementos). Cor de texto e fundo precisam ter contraste mínimo de 4,5:1 (referência WCAG para acessibilidade).
Chamada para ação clara. Botão visível, texto imperativo ("Comprar", "Baixar", "Saber mais"), cor que contrasta com o restante do banner.
Variações para teste. Mínimo 3 variações de criativo por campanha, com diferenças substantivas (não apenas cor de botão). Permite ao algoritmo da plataforma identificar o criativo de melhor desempenho e direcionar mais impressões para ele.
Atualização periódica. Banner roda por 3-6 meses no máximo antes que a audiência canse. Mesmo em campanhas perenes, troque variações a cada trimestre.
Erros comuns que prejudicam o desempenho
Peso pesado. Banner com 400 KB porque ninguém otimizou as imagens. Carga lenta, banner não aparece, impressão perdida. Use compressão e WebP/JPG progressivo. Aceite limite de 150 KB para carga inicial.
Chamada para ação escondida. Botão pequeno, sem contraste, ou na parte da animação que aparece só no segundo 7. Usuário sai antes de ver. Coloque a chamada para ação no quadro inicial e nos finais.
Texto excessivo. Banner com 30 palavras em corpo 10 que ninguém lê. Reduza para 5-10 palavras em corpo grande. Se a mensagem é complexa, é matéria para página de destino, não para banner.
Sem variações. Um único criativo rodando em toda a campanha. Sem possibilidade de teste, sem aprendizado, sem otimização pela plataforma. Mínimo 3-5 variações.
Banner desconectado da página de destino. Banner diz "30% de desconto em sofás" e a página leva à homepage da loja. Frustração, taxa de saída alta, conversão zero. Mensagem do banner precisa continuar na página.
Áudio ligado automaticamente. Usuário tomando café com o computador no escritório ouve som inesperado. Rejeição imediata da marca. Áudio só com interação do usuário.
Animação infinita. Pisca, pisca, pisca, pisca. Distrai, irrita, alguns publishers rejeitam. Animação máxima de 30 segundos, depois para.
Sinais de que seu kit criativo de display precisa de atualização
Se três ou mais sinais abaixo descrevem sua operação, vale revisar o pacote criativo.
- Desempenho de display (taxa de clique, custo por aquisição) está estagnado ou em queda há mais de 6 meses.
- Operação usa só banner estático em JPG ou GIF — nada de HTML5, rich media ou DCO.
- Não há variações de criativo por persona, segmento, contexto ou produto — um banner único para toda a audiência.
- Equipe interna não tem competência para produzir HTML5 e depende 100% de freelancer ou agência.
- Operação quer testar DCO mas ninguém sabe configurar template, alimentação e regras.
- Banner de mobile é adaptação às pressas do banner de desktop, com texto cortado ou logo minúsculo.
- Não há atualização periódica do pacote criativo — mesma campanha rodando há 9+ meses sem trocar variações.
- Banners pesam mais de 200 KB e há reclamação recorrente de publisher ou da plataforma sobre rejeição.
Caminhos para produção de criativos de display
A escolha depende do volume, da complexidade desejada (estático, HTML5, rich, dinâmico) e da maturidade da equipe interna.
Designer interno familiarizado com Google Web Designer ou Adobe Animate produz banners HTML5 padrão. Volume mensal viável: 10-30 banners. Rich media e DCO ficam fora — exigem competência mais específica e tipicamente são terceirizados.
- Perfil necessário: designer com domínio de Web Designer ou Animate + experiência em produção para mídia digital
- Quando faz sentido: volume médio de banners, foco em estático e HTML5 padrão, controle direto do calendário
- Investimento: R$ 6.000-15.000/mês em salário do designer + R$ 0-500/mês em ferramentas (Google Web Designer é gratuito)
Escritório de design ou agência de propaganda produz o pacote criativo completo, incluindo HTML5, rich media e configuração de DCO. Para rich media e produção em escala, agência com pipeline industrial entrega volume e variação que time interno raramente consegue.
- Perfil de fornecedor: escritório de design especializado em mídia digital, agência de propaganda, produtora audiovisual (para rich media com vídeo), agência de mídia online (operação completa)
- Quando faz sentido: volume alto, necessidade de rich media e DCO, marca exigente em qualidade visual
- Investimento típico: R$ 1.500-8.000 por banner HTML5 polido; R$ 5.000-25.000 por peça rich media; R$ 20.000-80.000 em configuração inicial de DCO
Precisa atualizar seu kit criativo de display?
O oHub conecta sua empresa a escritórios de design, agências de propaganda, produtoras audiovisuais e agências de mídia online com expertise em formatos display, rich media e criativo dinâmico (DCO). Em poucos minutos, descreva seu desafio e receba propostas de quem entende o mercado brasileiro.
Encontrar fornecedores de Marketing no oHub
Sem custo, sem compromisso. Você recebe propostas e decide se e com quem avançar.
Perguntas frequentes
Quais os tamanhos padrão de banner IAB?
Os formatos universais mais usados no Brasil são: 300x250 (médio retângulo — o mais veiculado globalmente), 728x90 (banner horizontal superior, dominante em desktop), 320x50 (banner mobile horizontal), 300x600 (banner vertical alto), 970x250 (banner billboard). Para campanha cobrir bem o ecossistema brasileiro, o kit mínimo inclui 300x250, 728x90, 320x50 mobile e 300x600. Para cobertura plena, agrega-se 970x250, 320x100 mobile e versões native. O padrão é definido pelo IAB Tech Lab e é seguido pelas principais plataformas (Google Ads, Meta Ads Manager, plataformas de demanda programática).
O que é rich media?
Rich media é a família de formatos de display que vai além do banner tradicional, incluindo banner com vídeo, banner expansível (que cresce ao receber interação), banner interativo (com jogo, quiz, calculadora ou mini formulário), e formatos de alto impacto como push-down e take-over. Comparado a banner estático, rich media tem custo de produção 3-10x maior (R$ 3.500-30.000 por peça contra R$ 500-2.500), mas tipicamente entrega taxa de clique 2-5x maior e indicador de marca (recordação, intenção) significativamente melhor. Aposta vale para campanhas de marca e momentos críticos.
Banner HTML5 ou GIF?
HTML5 é o padrão atual para produção profissional — animação fluida em alta resolução, transições polidas, interação leve, eventos personalizados, responsividade. GIF está descontinuado para uso profissional: limitação de 256 cores deixa o visual pobre, sem possibilidade de interação, sem evento. JPG ou PNG ainda fazem sentido como variação leve para inventário com restrição de peso ou como teste rápido. Em qualquer caso, evite GIF animado em campanhas profissionais — a maioria dos publishers prefere HTML5.
Quais formatos têm melhor desempenho?
Por taxa de clique, rich media (banner com vídeo, expansível, interativo) supera estático em 2-5x. Por reconhecimento de marca, formatos de alto impacto (push-down, take-over, 970x250 billboard) entregam mais. Por custo-benefício em escala, 300x250 e 300x600 continuam sendo a base — bom alcance, custo razoável, compatibilidade ampla. Em mobile, 320x50 e 320x100 dominam. A escolha depende do objetivo: marca prefere alto impacto e rich media; desempenho prefere DCO com 300x250 e 300x600 em volume.
O que é DCO (criativo dinâmico)?
DCO (Dynamic Creative Optimization, "otimização dinâmica de criativo") é a técnica em que um único template de banner contém elementos variáveis (imagem do produto, preço, headline, chamada para ação, cor) que são preenchidos automaticamente em tempo real com base em segmento, geografia, comportamento prévio do usuário, momento do dia ou contexto do site. Em vez de produzir 100 banners distintos manualmente, produz-se um master com regras e o sistema gera milhares de combinações automaticamente. Plataformas: Google Studio, Sizmek, Flashtalking, Adform.
Como adaptar criativo para mobile?
Produza com mobile-first: prefira formatos verticais (300x250, 300x600) e mobile-nativos (320x50, 320x100). Texto curto (5-10 palavras), tipografia grande, contraste alto, marca visível em 2 segundos, chamada para ação com botão grande e área de toque adequada (mínimo 44x44 pixels). Peso baixo (idealmente 100 KB ou menos) para conexão móvel mais lenta. Sem dependência de "passar cursor" — só clique ou toque. Banner pensado para desktop e adaptado às pressas para mobile perde desempenho — produza versões dedicadas.
Fontes e referências
- IAB Tech Lab. New Ad Portfolio — padrão internacional de formatos de display, dimensões, especificações técnicas e qualidade.
- IAB Brasil. Guia de criativos e padrões para mídia digital no mercado brasileiro.
- Google. Especificações de anúncios para Display e Rede de Display do Google — dimensões, peso, formatos aceitos.
- eMarketer / Insider Intelligence. Display advertising performance — relatórios sobre desempenho por formato e tendências de mídia.
- Google Web Designer. Ferramenta gratuita para produção de banners HTML5 compatíveis com o ecossistema Google Ads e Campaign Manager.