Tamanho de Logo: Dimensões para Site, Redes Sociais e Impressão

Um logo profissional precisa funcionar em contextos completamente diferentes: pequeno na aba do navegador como favicon, médio no header do site, grande numa lona de fachada, quadrado na foto de perfil do Instagram e horizontal no cartão de visita. Cada um desses contextos tem dimensões e formatos diferentes — e usar o tamanho errado resulta em logo borrado, cortado ou com proporções distorcidas.

A boa notícia é que você não precisa criar versões diferentes do zero para cada contexto. Com o arquivo certo no formato certo, o Redimensionador de Imagem do ImageTools ajusta as dimensões para qualquer uso em segundos.

Os formatos que você precisa ter do seu logo

Antes de falar em tamanhos específicos, entenda quais formatos de arquivo você precisa guardar. Um logo bem documentado deve ter ao menos estas versões:

• SVG (vetorial): o arquivo mestre. Pode ser ampliado para qualquer tamanho — de um favicon de 16px a um outdoor de 10 metros — sem perda de qualidade. Essencial para uso em sites, apresentações e envio para gráficas.
• PNG com fundo transparente (alta resolução): para uso digital onde o SVG não é aceito. Salve em pelo menos 1000×1000px para ter flexibilidade de redimensionamento.
• PNG com fundo branco: para contextos onde a transparência não é desejada ou suportada — formulários de cadastro em plataformas, documentos Word, e-mail.
• PNG ou JPG versão escura (elementos em branco): para uso sobre fundos coloridos ou escuros. Um logo em azul escuro desaparece completamente sobre um fundo preto.
• Favicon (.ico + PNGs): versões específicas para a aba do navegador. Use o Gerador de Favicon do ImageTools para gerar todos os tamanhos necessários a partir do logo.

Tabela de referência — dimensões de logo por contexto

Logo para site

Header (cabeçalho)

No header do site, o logo costuma ter entre 150px e 400px de largura, com altura proporcional. A largura exata depende do layout — um header compacto pode usar 150px, enquanto um site com bastante espaço pode usar 300–400px. O mais importante é que o logo seja nítido em telas Retina: exporte em PNG com o dobro da largura de exibição (ou use SVG, que resolve automaticamente) e deixe o CSS cuidar do tamanho de exibição.

Use sempre SVG ou PNG com fundo transparente no header — o background do header muda conforme o design e scroll, e um logo com fundo branco vai criar um retângulo branco visível sobre fundos coloridos.

Favicon

O favicon é o ícone exibido na aba do navegador, nos favoritos e na tela inicial de dispositivos móveis. Um favicon eficiente é uma versão simplificada do logo — geralmente apenas o símbolo ou a inicial, sem o nome completo da empresa, pois o espaço é pequeno demais para texto legível.

Os tamanhos necessários são: 16×16px e 32×32px para navegadores desktop, 180×180px para iOS (Apple Touch Icon) e 192×192px e 512×512px para Android e PWAs. Use o Gerador de Favicon do ImageTools para gerar todos esses tamanhos automaticamente a partir do logo.

Logo para redes sociais

Por que o logo precisa funcionar em formato quadrado e circular

Praticamente todas as redes sociais exibem a foto de perfil em formato circular. Isso cria um desafio específico para logos horizontais (nome + ícone lado a lado): no espaço circular, ou o logo fica muito pequeno para ser legível, ou partes dele ficam cortadas nas bordas.

A solução mais eficiente é ter uma versão "ícone" do logo — apenas o símbolo ou as iniciais da marca, centralizado numa área quadrada — especificamente para uso como foto de perfil em redes sociais. Essa versão mantém o reconhecimento visual sem os problemas de recorte.

Instagram

O Instagram aceita fotos de perfil de até 320×320px, mas exibe em apenas 110px no perfil e 32px no feed. O arquivo deve ser quadrado. Se o logo for horizontal, coloque-o centralizado numa área quadrada com padding adequado para que nada seja cortado pelo recorte circular da plataforma.

Facebook

A foto de perfil de página no Facebook é exibida em 170×170px no desktop e 128×128px em mobile, sempre recortada em círculo. A foto de capa é 820×312px — nela, o logo geralmente aparece como um elemento do design da capa, não ocupando a imagem inteira.

LinkedIn

Para perfis de empresa, o LinkedIn exibe o logo em 300×300px (quadrado) na página e em tamanhos menores nas listagens. É um dos contextos onde a qualidade da imagem mais influencia a percepção profissional — use PNG de alta qualidade, sem compressão excessiva.

YouTube

O ícone do canal no YouTube é exibido em tamanhos muito diferentes dependendo do contexto: 98px numa smart TV, 32px no feed de desktop, 88px no perfil mobile. O arquivo deve ter no mínimo 800×800px para cobrir todos esses tamanhos com nitidez. A arte do canal (banner) tem dimensões de 2560×1440px, mas a "safe area" — a região visível em todos os dispositivos — é apenas 1546×423px centralizado. O logo deve ficar dentro dessa área.

WhatsApp Business

A foto de perfil do WhatsApp Business é exibida em círculo, com tamanho de exibição de cerca de 50px nas conversas. Use um arquivo de 640×640px para garantir nitidez nas pré-visualizações em tela cheia. Como em outras redes sociais, logos horizontais não funcionam bem aqui — use a versão ícone ou símbolo da marca.

Logo para impressão

Impressão tem uma lógica completamente diferente do digital. A resolução em pixels não é o que importa — o que importa é a relação entre pixels e o tamanho físico de impressão, medida em DPI (dots per inch, pontos por polegada). O padrão da indústria gráfica é 300 DPI.

Como calcular os pixels necessários para impressão

Fórmula: pixels = tamanho em cm ÷ 2,54 × DPI

Exemplos práticos:

Para evitar ter que calcular caso a caso, a solução mais prática é usar SVG — o formato vetorial escala sem limite e pode ser impresso em qualquer tamanho sem perda de qualidade. Qualquer gráfica profissional aceita SVG (ou seu equivalente em PDF vetorial, gerado a partir do SVG no Illustrator ou Inkscape).

Formatos aceitos por gráficas

A maioria das gráficas profissionais aceita e prefere:

• PDF vetorial: o padrão da indústria. Gerado a partir de Illustrator, Corel ou Inkscape com o logo em vetor.
• AI (Adobe Illustrator): arquivo nativo vetorial.
• EPS: formato vetorial mais antigo, amplamente compatível.
• SVG: aceito pela maioria das gráficas modernas.
• PNG em alta resolução: aceito quando o arquivo vetorial não está disponível, desde que a resolução seja suficiente para o tamanho de impressão.

Redimensionando o logo para cada uso

Com o arquivo base do logo em PNG de alta resolução (pelo menos 1000×1000px) ou SVG, use o Redimensionador de Imagem do ImageTools para ajustar às dimensões de cada plataforma. O redimensionador permite definir largura e altura exatas em pixels, mantendo ou ajustando a proporção original.

Fluxo recomendado para preparar as versões do logo:

1. Parta sempre do arquivo de maior resolução disponível — SVG ou PNG acima de 1000px.
2. Redimensione para as dimensões do destino usando o Redimensionador.
3. Para redes sociais, comprima levemente com o Compressor de Imagem — mantendo qualidade 85–90% para não perder nitidez.
4. Para impressão, envie o SVG diretamente ou converta para PDF vetorial.

Erros comuns ao usar o logo em diferentes tamanhos

Usar o mesmo arquivo para todos os contextos

Um logo de 2000px na assinatura de e-mail vai carregar lentamente e aparecer enorme. Um logo de 100px numa impressão A4 vai ficar pixelado. Cada contexto tem suas próprias dimensões ideais — use este guia como referência e redimensione antes de usar.

Não ter versão para fundo escuro

Muitos logos são criados inicialmente em cores escuras sobre fundo claro. Em posts com fundo preto ou colorido — comum em Instagram Stories e capas de LinkedIn — o logo simplesmente desaparece. Sempre crie e salve uma versão com os elementos principais em branco ou em cor clara.

Salvar para redes sociais em PNG muito grande

Um PNG de 2000×2000px para foto de perfil do Instagram não melhora a qualidade da exibição — o Instagram comprime tudo acima do tamanho necessário. Envie nas dimensões ideais (320×320px) com compressão de qualidade 90% para evitar dupla compressão pela plataforma.

Usar JPG para logos com fundo transparente

O JPG não suporta transparência — ao salvar um logo PNG transparente como JPG, o fundo transparente é substituído por branco. Se o logo precisa de fundo transparente (para ser usado sobre diferentes cores de fundo), sempre use PNG ou WebP.

Ampliar um PNG pequeno em vez de usar o SVG

Se o logo existe em SVG, sempre use o SVG como base para redimensionamento — nunca amplie um PNG pequeno. Ampliar PNG cria pixelização que não pode ser corrigida sem o arquivo vetorial original.

Não tem o logo ainda? Crie agora

Se você ainda não tem um logo ou quer criar uma versão profissional, o ImageTools oferece duas ferramentas para isso: o Criador de Logo, onde você escolhe ícone, cores e tipografia com controle total, e o Criador de Logo com IA, onde você descreve a sua marca e a IA gera opções vetoriais prontas para download. Ambos exportam em SVG e PNG — os formatos que você precisa para todos os usos descritos neste guia.

Perguntas frequentes