arrow_backBlog
·6 min de leitura·Super QR Code Generator Team

Logo em QR Code: Regras de Tamanho que Garantem a Leitura

Logos em QR codes podem travar a leitura se estiverem no tamanho errado. Aprenda os limites exatos, regras de posicionamento e dicas de contraste para personalizar sem perder confiabilidade.

design de qr codeqr codes com marcalogo em qr codeidentidade visual em qr code
Logo em QR Code: Regras de Tamanho que Garantem a Leitura
AI-generated

Inserir seu logo em um QR code deixa tudo mais elegante — até que clientes reclamem que o código não lê. O problema geralmente não é o logo em si; é o logo no tamanho errado, na posição errada, ou com contraste insuficiente em relação aos módulos ao redor. Este guia traz as regras específicas que permitem personalizar um QR code com confiança sem arriscar a confiabilidade da leitura.

Por que Logos Travam a Leitura (e por que às vezes não travam)

Os QR codes usam um recurso chamado correção de erros para tolerar danos físicos ou obstruções visuais. Existem quatro níveis de correção de erros:

Nível Capacidade de recuperação de dados Adequado para logos?
L 7% Não
M 15% Marginalmente
Q 25% Sim
H 30% Melhor opção

Quando você insere um logo, está intencionalmente ocultando módulos. Se a área ocultada ultrapassar o limite da correção de erros, o decodificador falha. O nível H oferece a maior margem de segurança — use-o sempre que planejar incluir alguma sobreposição gráfica.

O ponto essencial: a correção de erros não oferece cobertura ilimitada. Ela define um teto rígido. Ultrapasse-o e nenhum recurso de software consegue recuperar a leitura.

A Regra dos 30% — e por que você deve parar nos 20%

A orientação amplamente citada é manter a cobertura do logo em até 30% da área total do QR code (correspondendo à capacidade do nível H). Na prática, adote 20% como seu limite operacional por três razões:

  1. Tolerâncias de impressão. A impressão offset e digital introduzem espalhamento de tinta. Um logo que mede 28% na tela pode ultrapassar esse valor no papel após a absorção da tinta.
  2. Proximidade com os padrões de busca. Os três "olhos" quadrados nos cantos são indispensáveis para a decodificação. Qualquer logo que avance sobre eles reduz drasticamente as taxas de leitura, mesmo que o percentual de cobertura geral pareça adequado.
  3. Invasão da zona de silêncio. A borda em branco ao redor do código faz parte da especificação. Logos com brilho externo ou sombras podem visualmente invadir esse espaço.

Posicione seu logo em 20% da área total do QR code, verifique que nenhuma borda toque um padrão de busca, e você terá uma margem de segurança confortável.

Posicionamento: o Centro nem Sempre é a Melhor Resposta

Posicionar no centro é o padrão e funciona bem para logos quadrados ou circulares. Mas vale entender por que o centro é preferido: os módulos de dados de maior densidade ficam perto das bordas e cantos, enquanto a região central (excluindo os padrões de temporização) tende a carregar dados redundantes que a correção de erros consegue reconstruir com mais facilidade.

Quando o centro não funciona:

  • Seu logo é orientado horizontalmente (retângulos largos centralizados horizontalmente começam a invadir os padrões de temporização acima e abaixo)
  • Sua marca inclui linhas muito finas que desaparecem quando reduzidas para caber na área de 20%

Para logos horizontais, duas opções:

  • Recortar para uma versão quadrada da marca para usar dentro do código
  • Posicionar o logo completo abaixo do código com uma zona de silêncio generosa, em vez de sobreposto — fica mais limpo e com risco zero para a leitura

Contraste e Cor de Fundo na Área do Logo

Os módulos ao redor do logo ainda precisam ser lidos como escuros sobre claro (ou vice-versa). Um erro comum é usar um logo branco sobre um fundo branco, o que cria uma lacuna ambígua que o decodificador precisa preencher inteiramente via correção de erros. Uma abordagem melhor:

  • Dê ao logo um fundo sólido e opaco que combine ou se aproxime da cor clara do código
  • Mantenha pelo menos 1 módulo de espaçamento limpo entre a borda do logo e os módulos escuros mais próximos
  • Evite gradientes no logo que tornem as cores dos módulos ambíguas perto da borda

Se você precisar de uma introdução sobre os requisitos de contraste em todo o código, a análise detalhada no nosso guia de contraste de cores em QR code cobre proporções mínimas, orientações escuro sobre claro versus claro sobre escuro, e combinações de cores que causam erros no processamento da câmera.

Tamanho Físico e o Orçamento Mínimo de Pixels

A legibilidade do logo e a confiabilidade do QR code dependem de o código ser impresso ou exibido em tamanho suficiente. Um logo comprimido em um código de 2 cm × 2 cm com 20% de cobertura fica com cerca de 4 mm — invisível como marca e ainda consumindo o orçamento de correção de erros.

Mínimos práticos:

  • Impressão: QR code com no mínimo 3 cm × 3 cm para o logo permanecer identificável
  • Tela: QR code com no mínimo 300 × 300 px antes de adicionar a camada do logo
  • Outdoor / grande formato: Escale o logo proporcionalmente; a regra dos 20% ainda se aplica, não aumente o logo só porque há espaço disponível

Teste Antes de Enviar para a Gráfica

Nenhuma regra de design substitui os testes. Antes de enviar para impressão:

  1. Exporte o design finalizado na resolução final de impressão
  2. Teste com pelo menos três aplicativos: a câmera nativa do iOS, a câmera nativa do Android e um app leitor independente
  3. Teste sob iluminações variadas (luz intensa de teto, ambiente com pouca luz)
  4. Se você estiver usando um código dinâmico — que permite atualizar a URL de destino sem reimprimir — confirme que o redirecionamento ainda funciona corretamente

Os códigos dinâmicos são especialmente relevantes aqui porque QR codes com marca frequentemente aparecem em embalagens ou materiais impressos com longa vida útil. Se o destino mudar, um QR code dinâmico permite atualizar o link sem redesenhar ou reimprimir o material físico.

Você pode criar esses QR codes com marca diretamente pelo Super QR Code Generator com o nível H de correção de erros já definido como padrão quando um logo é detectado.

Pontos Principais

  • Use o nível de correção de erros H sempre que inserir um logo
  • Mantenha a cobertura do logo em até 20% da área total do código, não o máximo teórico de 30%
  • Nunca deixe o logo sobrepor ou se aproximar dos três padrões de busca nos cantos
  • Logos horizontais funcionam melhor posicionados abaixo do código do que centralizados dentro dele
  • Dê ao logo um fundo opaco e 1 módulo de espaçamento para evitar ambiguidade de contraste
  • Sempre teste em dispositivos reais antes de enviar para a gráfica, especialmente em tiragens de embalagem
  • Combine um QR code com marca com uma URL dinâmica para poder atualizar destinos sem redesenho

Perguntas frequentes

Qual formato de arquivo funciona melhor para um logo dentro de um QR code?expand_more
PNG com fundo transparente oferece maior flexibilidade durante o design, mas exporte a imagem final mesclada como PNG ou SVG com um fundo sólido e opaco atrás do logo. Evite JPEG para a saída final porque a compressão JPEG introduz artefatos nas bordas dos módulos, o que pode confundir os decodificadores de leitores em impressões de tamanho pequeno.
Posso usar um logo colorido dentro de um QR code sem perder a confiabilidade da leitura?expand_more
Sim, logos coloridos funcionam bem desde que os módulos ao redor mantenham alto contraste e o logo tenha um fundo sólido. O decodificador lê apenas os módulos escuros e claros ao redor do logo — ele ignora completamente o interior da área coberta. Os problemas surgem quando as cores do logo sangram nos módulos adjacentes e tornam o tom deles ambíguo.
Como calcular 20% da área do QR code para dimensionar o logo?expand_more
Meça a largura total do QR code em pixels ou milímetros, excluindo a borda da zona de silêncio. Multiplique essa dimensão por 0,447 para obter a largura máxima do logo (já que 0,447 ao quadrado equivale a aproximadamente 0,20). Por exemplo, um código de 300 px permite um logo de até cerca de 134 px de largura. Em seguida, ajuste a altura do logo proporcionalmente para caber nesse orçamento quadrado.
Adicionar um logo aumenta o QR code ou acrescenta mais módulos?expand_more
Não. O logo é uma sobreposição — fica em cima do código gerado sem alterar sua grade de módulos. O que afeta o tamanho do código (e, portanto, a densidade) é o nível de correção de erros e a quantidade de dados codificados. Níveis mais altos de correção de erros e URLs mais longas aumentam o número de módulos, por isso manter sua URL de destino curta ou usar um redirecionamento dinâmico ajuda a manter um código mais limpo e menos denso.
Um logo redondo causa mais falhas de leitura do que um quadrado com a mesma área de cobertura?expand_more
Não necessariamente. Logos redondos deixam mais cantos transparentes dentro de sua caixa delimitadora, o que na verdade preserva mais módulos do que um quadrado preenchido com as mesmas dimensões de caixa delimitadora. A forma importa menos do que a área total ocultada e se alguma parte do logo toca os padrões de busca dos cantos ou as faixas de temporização que percorrem as bordas superior e esquerda do código.