QR Code não é só quadrados pretos e brancos
Muita gente acha que um QR Code é só um padrão de quadrados pretos e brancos, mas ele oferece ricas opções de personalização. Você pode mudar a cor, embutir logo, ajustar o tamanho e adicionar margens, deixando o QR Code tanto funcional quanto bonito.
Nível de correção: a base da personalização
O nível de correção é o parâmetro mais importante da personalização do QR Code: determina se o código ainda pode ser lido depois de ser parcialmente bloqueado ou danificado.
Quatro níveis
- L (baixo): cerca de 7% de redundância, menor correção, padrão mais simples
- M (médio): cerca de 15% de redundância, nível padrão mais usado
- Q (alto): cerca de 25% de redundância
- H (elevado): cerca de 30% de redundância, maior correção, ideal para embutir logo
Por que usar H ao embutir logo
O logo cobre a região central do QR Code. Se o nível de correção for baixo, depois de coberto o código não será lido. O nível H tem 30% de redundância, ou seja, mesmo com 30% do padrão danificado ainda é reconhecível; embutir logo fica mais seguro.
Recomendação: ao embutir logo, use sempre o nível H, e mantenha a área do logo abaixo de 20% do QR Code.
Personalização de cor
Cor de primeiro plano e de fundo
- Cor de primeiro plano: cor dos quadrados, por padrão preto
- Cor de fundo: cor de base, por padrão branco
Requisitos de contraste de cor
Os leitores de QR Code identificam os quadrados pela diferença de contraste. É preciso contraste suficiente entre primeiro plano e fundo:
- Primeiro plano escuro + fundo claro: seguro
- Primeiro plano claro + fundo escuro: possível, mas alguns leitores antigos não aceitam cor invertida
- Contraste insuficiente entre primeiro plano e fundo: não é lido
Recomendação: use cor escura no primeiro plano (preto, azul-escuro, verde-escuro, roxo-escuro) e cor clara no fundo (branco, amarelo-claro, cinza-claro). Diferença de luminosidade de pelo menos 50%.
Combinações de cor a evitar
- Primeiro plano vermelho + fundo verde: difícil para usuários daltônicos e alguns leitores
- Duas cores escuras: contraste insuficiente
- Duas cores claras: contraste insuficiente
- Cores em gradiente: o leitor pode falhar ao reconhecer
Incorporação de logo
Por que embutir logo
Embutir logo reforça o reconhecimento de marca. Quem escaneia vê o logo e sabe que é um QR Code oficial, aumentando a confiança.
Tamanho do logo
Um logo muito grande cobre dados demais; muito pequeno, não dá para ver. Recomenda-se que o logo ocupe de 10% a 15% da área do QR Code, no máximo 20%.
Formato do logo
- Quadrado: o mais comum, em harmonia com o estilo do QR Code
- Círculo: visual mais suave, mas a área coberta é irregular
- Com borda branca: contorno branco ao redor do logo, evitando que a cor do logo se confunda com os quadrados
Posição do logo
O logo no centro é o mais comum. Os três cantos do QR Code têm marcadores de posicionamento (quadrados grandes); o logo não deve cobrir esses três cantos — no centro é o mais seguro.
Tamanho e margem
Tamanho
O tamanho do QR Code é expresso em pixels. Tamanho pequeno demais não é lido; muito grande desperdiça espaço.
- Tamanho mínimo: recomenda-se acima de 100×100 pixels
- Tamanho para impressão: recomenda-se a partir de 2cm×2cm
- Exibição em tela: ajuste conforme o tamanho do contêiner
Margem (quiet zone)
É preciso deixar espaço em branco ao redor do QR Code, chamado de quiet zone. O leitor usa essa zona para distinguir o QR Code do conteúdo ao redor.
- Requisito do padrão: margem de pelo menos 4 módulos de largura
- Módulo: o lado do menor quadrado do QR Code
- Margem pequena demais: o leitor pode não reconhecer a borda
- Recomendação: deixe de 4 a 8 módulos de margem; em impressão, deixe mais
Volume de dados e versão
Versões do QR Code
O QR Code tem 40 versões; quanto maior a versão, mais dados comporta:
- Versão 1: 21×21 módulos, comporta cerca de 25 caracteres alfanuméricos
- Versão 40: 177×177 módulos, comporta cerca de 1850 caracteres alfanuméricos
- Quanto maior a versão, mais densos os quadrados e mais difícil de ler
Recomendação de volume de dados
- URL: em geral, as versões 3-5 bastam
- Texto: mantenha abaixo de 100 caracteres
- Dados em excesso: o QR Code fica muito denso, a leitura fica lenta ou falha
Recomendação: quanto mais curta a URL, melhor; para URLs longas, use um serviço de encurtamento antes de gerar o QR Code.
Personalizar QR Code com o DocsAll
O gerador de QR Code oferece personalização completa:
- Insira o conteúdo (URL, texto, contato etc.)
- Escolha o nível de correção (para embutir logo, escolha H)
- Defina as cores de primeiro plano e de fundo
- Envie o logo (opcional)
- Ajuste o tamanho e a margem
- Gere e baixe o PNG
Geração no navegador, o conteúdo não é enviado ao servidor.
Problemas comuns
Depois de embutir o logo, não é lido
- O nível de correção não foi definido como H
- O logo é grande demais, acima de 20%
- O contraste entre a cor do logo e os quadrados é insuficiente
Depois de mudar a cor, não é lido
- Contraste insuficiente entre primeiro plano e fundo
- Uso de vermelho ou verde (alguns leitores não reconhecem)
- Cor em gradiente
Impressão desfocada
- Tamanho pequeno demais; recomenda-se acima de 2cm
- Formato vetorial (SVG) fica mais nítido na impressão
- Margem insuficiente
Resumo
Três pontos centrais na personalização de QR Code: nível de correção (use H ao embutir logo), contraste de cor (primeiro plano escuro, fundo claro) e tamanho do logo (no máximo 20%). Dominando esses três, o QR Code gerado fica bonito e fácil de ler. O gerador de QR Code do DocsAll roda no navegador, sem transmitir os dados.