Se você digitou "banner site tamanho" procurando quantos metros de lona pedir, pare aqui: provavelmente você quer medida em pixels, não em centímetros. Banner de site é imagem digital — o que importa é largura x altura em pixels, a proporção e o peso do arquivo. Para o banner principal (aquele que ocupa o topo da página, também chamado de hero), a medida que resolve na maioria dos casos é 1920 x 600 px ou 1920 x 800 px, em RGB, salvo em JPG ou WebP.
Agora, se o seu banner vai ser pendurado numa parede, num evento na Região Oceânica ou na frente da loja no Centro de Niterói, aí sim o assunto é lona, tamanho em metros e acabamento. São dois produtos diferentes com o mesmo nome, e é justamente essa confusão que faz muita gente chegar no balcão com arquivo errado. Vamos separar as duas coisas de forma honesta.
Por que banner de site se mede em pixels
O monitor não conhece centímetro. Ele conhece pixel. Um banner de 1920 px de largura ocupa a tela inteira num notebook comum e continua nítido em telas maiores porque o navegador redimensiona. Se você entregar ao programador um arquivo de 800 px de largura, ele vai esticar a imagem e o resultado é aquele visual borrado que todo mundo reconhece de longe.
A regra prática: projete sempre com folga de largura e controle de altura. Largura grande garante nitidez; altura contida evita que o visitante precise rolar a página só para ver o menu.
Resolução: 72 dpi ou 300 dpi?
Para tela, dpi é irrelevante — o que manda é a contagem de pixels. Trabalhe em RGB. Para impressão, o oposto: 300 dpi (ou 150 dpi em peças grandes vistas de longe) e CMYK. Enviar arquivo CMYK para site deixa as cores lavadas; enviar RGB para gráfica gera surpresa na cor final.
Tabela de tamanhos digitais mais usados
| Onde vai aparecer | Tamanho em pixels | Proporção | Observação |
|---|---|---|---|
| Banner principal (hero) desktop | 1920 x 600 a 1920 x 800 | 16:5 / 12:5 | Texto no centro, longe das bordas |
| Banner principal mobile | 1080 x 1350 | 4:5 | Versão vertical separada, não a mesma imagem |
| Banner interno / faixa de seção | 1200 x 400 | 3:1 | Chamada de promoção no meio da página |
| Banner lateral (sidebar) | 300 x 600 | 1:2 | Formato "half page", clássico de blog |
| Retângulo médio | 300 x 250 | 6:5 | O mais aceito em rede de anúncios |
| Leaderboard | 728 x 90 | 8:1 | Topo de blogs e portais |
| Capa de post / compartilhamento | 1200 x 630 | 1,91:1 | Miniatura no WhatsApp e redes |
| E-mail marketing | 600 x 300 | 2:1 | Largura travada em 600 px |
Guarde essas três: 1920 x 800 para o topo, 1200 x 630 para compartilhamento e 1080 x 1350 para o mobile. Com elas você cobre quase tudo.
Área de segurança: o erro mais comum
Banner de site é cortado dinamicamente. O mesmo arquivo aparece inteiro no monitor e recortado nas laterais no celular. Por isso:
- Mantenha texto e logo dentro dos 60% centrais da imagem.
- Não coloque informação essencial nos cantos.
- Evite frases longas — banner não é folheto.
- Se o texto for crítico, peça para o desenvolvedor colocá-lo como HTML por cima da imagem. Aí ele nunca é cortado e ainda é lido pelo Google.
Peso do arquivo importa
Banner bonito e pesado derruba a velocidade do site, e velocidade afeta posicionamento. Alvo razoável: até 200 KB para o banner principal, até 80 KB para os menores. WebP costuma entregar o mesmo visual com metade do peso do JPG.
Quando o assunto vira banner impresso
Se a peça sai da tela, muda tudo: unidade em centímetros ou metros, cor em CMYK, sangria e acabamento. Os pedidos que mais chegam:
| Aplicação | Tamanho comum | Material |
|---|---|---|
| Banner de loja com bastão e corda | 60 x 90 cm / 80 x 120 cm | Lona 440g |
| Roll-up de evento e feira | 80 x 200 cm | Lona blackout |
| Faixa de fachada | 100 x 300 cm ou sob medida | Lona reforçada com ilhós |
| Backdrop de stand | 200 x 200 cm ou sob medida | Lona ou tecido |
Para impressão, envie PDF ou TIFF em alta, com fontes convertidas em curvas, sangria de 2 a 5 cm nas peças grandes e arte em escala (1:10 já resolve, desde que informada). Atendemos clientes de Niterói, São Gonçalo e Maricá que muitas vezes precisam das duas versões: o banner digital para a loja virtual e a lona para o ponto físico. Nesse caso, o ideal é fechar o layout uma vez e adaptar — não refazer do zero.
Como pedir o arquivo certo
- Diga onde a peça vai aparecer (topo do site, sidebar, WhatsApp, parede).
- Informe se existe versão mobile.
- Envie logo em vetor (AI, EPS, PDF ou SVG) e fotos no maior tamanho que tiver.
- Liste o texto exato — banner com erro de digitação impresso em lona é prejuízo; no site, é só constrangimento.
- Se houver manual de marca, mande junto. Poupa retrabalho de cor.
Com essas informações, o mesmo layout sai em pixel para o site e em metros para a lona, com coerência visual entre os dois.
Perguntas frequentes
Qual o melhor tamanho de banner para o topo do site? 1920 x 800 px é a medida mais segura para desktop. Faça uma versão 1080 x 1350 px para celular, com o texto reposicionado.
Posso usar o mesmo arquivo do banner impresso no site? Não é indicado. O arquivo de impressão é CMYK, pesado e em escala de centímetros. Ele deixa o site lento e com cores apagadas.
Banner de site precisa de 300 dpi? Não. Para tela, o que vale é a contagem de pixels. 300 dpi só interessa em impressão.
Qual formato de arquivo devo salvar? WebP ou JPG para fotos, PNG quando precisar de fundo transparente, e SVG para banners feitos só de vetor e texto.
---
Precisa de banner para o seu site?
Se o que você procura é a arte digital do topo do site, isso é design e desenvolvimento, não impressão. A gente faz os dois.
👉 **Ver criação de sites e sistemas**
Quer conversar sobre o seu caso? Fale com a gente no WhatsApp — a primeira conversa é para entender o problema, não para vender pacote.
A Live Printer fica no Centro de Niterói e atende presencialmente e a distância.
A Live Printer resolve isso no impresso
Gostou deste conteúdo técnico? Nossa gráfica em Niterói pode aplicar esse conhecimento no seu material: