Um banner é medido em pixels, largura por altura: 300×250 é um banner de 300 pixels de largura e 250 de altura. Os tamanhos que quase todas as plataformas usam são chamados tamanhos IAB, porque essa associação os publicou como padrão. Conhecê-los evita que você peça peças que ninguém consegue veicular.
Por que existem tantos tamanhos
Cada tamanho se encaixa em um tipo de espaço diferente: uma barra superior larga, uma coluna lateral alta, um retângulo dentro do texto, uma faixa fixa no celular. Quem compra o espaço escolhe os tamanhos conforme onde quer aparecer, então uma campanha quase nunca usa apenas um.
Os 14 tamanhos padrão
| Tamanho | Nome IAB | Forma | Uso habitual |
|---|---|---|---|
| 300×250 | Medium Rectangle | Retângulo | Dentro do conteúdo e em barras laterais |
| 336×280 | Large Rectangle | Retângulo | Dentro do conteúdo, um pouco maior |
| 728×90 | Leaderboard | Horizontal | Parte superior da página no desktop |
| 970×90 | Large Leaderboard | Horizontal | Parte superior, em toda a largura |
| 970×250 | Billboard | Horizontal | Parte superior, de grande impacto |
| 468×60 | Full Banner | Horizontal | Formato clássico, menos comum hoje |
| 160×600 | Wide Skyscraper | Vertical | Colunas laterais |
| 120×600 | Skyscraper | Vertical | Colunas laterais estreitas |
| 300×600 | Half Page | Vertical | Colunas laterais, de grande impacto |
| 320×50 | Mobile Leaderboard | Horizontal | Faixa fixa no celular |
| 320×100 | Large Mobile Banner | Horizontal | Faixa fixa no celular, mais alta |
| 250×250 | Square | Quadrado | Dentro do conteúdo e em barras laterais |
| 200×200 | Small Square | Quadrado | Espaços pequenos |
| 580×400 | Netboard | Retângulo | Dentro do conteúdo, formato grande |
No BannerMotion você pode escolher esses 14 tamanhos (ou outro próprio, escrito como 300x250), e um conceito aceita até 12 tamanhos no total.
Quais produzir primeiro
Se precisar começar por algum lugar, uma seleção razoável é 300×250, 728×90, 160×600 e 320×50: um retângulo, uma barra horizontal, uma coluna vertical e uma faixa para celular. Com esses quatro você cobre os quatro tipos de espaço mais comuns. É também a seleção que o BannerMotion deixa marcada ao criar um banner novo.
Depois, amplie conforme a compra de mídia: se houver orçamento para formatos grandes, some 300×600 e 970×250; se o tráfego for principalmente móvel, 320×100.
Uma ideia, muitos formatos
Escalar um design não é o mesmo que adaptá-lo. Se você esticar um banner de 300×250 até 728×90, o título fica minúsculo e sobra espaço. Adaptar é decidir de novo o que vai onde: numa barra horizontal, a imagem costuma ir para um lado e o botão para o outro; numa coluna vertical, tudo se empilha.
- Comece pelo tamanho mais difícil (normalmente o menor ou o mais extremo): se a mensagem couber ali, cabe nos demais.
- Mantenha os mesmos elementos em todos os tamanhos: logo, título, botão.
- Reorganize-os para cada formato em vez de reduzir todos.
- Revise cada tamanho separadamente, com o texto mais longo no idioma mais longo.
Texto e botão em tamanhos pequenos
Em 320×50 ou 468×60 quase não há espaço: um título curto, o logo e um botão. Regras simples: uma só mensagem por banner, texto legível sem esforço no tamanho real e um botão com área suficiente para ser tocado no celular. Se não couber, o problema costuma ser a mensagem (longa demais), não o tamanho.
Peso por tamanho
Cada peça tem seu próprio limite de peso. Os tamanhos grandes (970×250, 300×600) tendem a pesar mais porque levam imagens maiores, e em telas retina o peso dobra se você usar imagens com resolução dupla. Meça cada .zip separadamente, não o conjunto.
Além do banner padrão
Além dos tamanhos fixos, existem formatos que se comportam de outra forma. O rich media inclui anúncios com interação ou vídeo; os expansíveis crescem sobre a página quando alguém interage; os intersticiais ocupam a tela inteira entre dois conteúdos. Exigem compatibilidade do site e da plataforma, costumam pesar mais e têm regras próprias: confirme-as antes de produzi-los.
Verificado em: [data pendente]. Os tamanhos da tabela são os publicados pelo IAB; os nomes em inglês são os oficiais.