Como fazer um código QR com logotipo que continue sendo lido

Por que um logotipo pode ficar em cima de um código QR

Códigos QR carregam dados redundantes. A especificação prevê correção de erros para que um código continue legível com parte suja, rasgada, amassada ou coberta — o formato foi pensado para o chão de fábrica, não para um portfólio de design. Um logotipo apenas gasta parte dessa folga de propósito.

A pergunta, portanto, nunca é «posso adicionar um logotipo» e sim «quanta folga estou gastando, e com o quê».

Os quatro níveis de correção e o que custam

Todo código QR é gerado em um de quatro níveis de correção de erros, que recuperam respectivamente cerca de 7%, 15%, 25% e 30% do código.

O reflexo óbvio é escolher o mais alto e parar de se preocupar. Não é tão simples, porque a redundância precisa caber em algum lugar: um nível mais alto acrescenta dados, mais dados acrescentam módulos, e mais módulos no mesmo tamanho de impressão deixam cada módulo fisicamente menor. Passado certo ponto você trocou um código robusto por um tão denso que a câmera nem resolve mais.

A resposta prática para a maioria dos códigos de marca é um nível intermediário com um logotipo moderado, testado. Recorra ao mais alto quando o código for viver num lugar de fato hostil — uma garrafa curva, um tecido, uma embalagem que vai se arranhar no transporte — e aceite o tamanho de impressão maior que ele então exige.

Quanto o logotipo pode cobrir de verdade

Fique claramente dentro do nível escolhido, e não no limite dele. Se o nível recupera cerca de 30%, um logotipo que ocupa perto de 30% não deixa nada para o mundo real — e o mundo real é toda a razão de existir dessa folga.

A falha também não é gradual, e é isso que pega as pessoas de surpresa. Um código não vai ficando lentamente mais difícil de ler conforme o logotipo cresce; ele é lido de forma confiável, depois em alguns telefones e em outros não, depois para de vez. A fase intermediária é a perigosa, porque passa no único teste que a maioria faz.

Comece menor do que gostaria, teste, e aumente só se o teste sair limpo.

Onde o logotipo não pode ficar de jeito nenhum

Algumas partes do padrão são estrutura e não dados, e a correção de erros não as protege.

Os três quadrados grandes nos cantos são os marcadores de posicionamento — é por eles que um leitor encontra o código e descobre sua orientação. O quadrado menor perto do quarto canto, nos códigos maiores, é um marcador de alinhamento, que corrige a distorção de um código fotografado de lado. As linhas pontilhadas entre os marcadores são os padrões de sincronismo, que fixam a grade dos módulos.

Cubra qualquer um deles e nenhuma correção adianta, porque o leitor nunca chega ao ponto em que poderia usá-la. Mantenha o logotipo centralizado, longe dos cantos, e nunca recorte o código para caber numa diagramação.

Cores de marca que funcionam e cores que não

A cor é onde manual de marca e legibilidade mais brigam, e só algumas regras contam.

Um leitor lê o contraste entre módulos e fundo, então ele precisa ser forte — e no sentido convencional: módulos escuros sobre fundo claro. Códigos invertidos, claros sobre escuro, são lidos por muitos leitores mas não por todos, o que os torna uma aposta em material impresso que não dá para recolher.

A vítima habitual é a cor de marca de valor médio. Um tom que numa tela retroiluminada parece convincentemente escuro pode acabar perto demais do fundo depois de impresso em papel não revestido. Degradês sobre os módulos e fundos fotográficos embaixo causam o mesmo problema de forma menos previsível.

Uma verificação útil sem ferramenta nenhuma: converta a arte para tons de cinza. Se o padrão continuar claramente escuro sobre claro, o contraste é real. Se virar papa, a leitura também vira.

Preserve a zona de silêncio

A especificação exige uma margem limpa de quatro módulos nos quatro lados. Não é preenchimento nem sugestão de designer — é assim que o leitor estabelece onde o código termina.

É também a parte de um código QR mais frequentemente destruída, justamente porque parece espaço vazio que a diagramação poderia aproveitar. Texto rente à borda, um fio decorativo em volta, uma imagem de fundo passando por baixo, o código cortado rente à borda de um painel — tudo isso a elimina.

Se faltar espaço, diminua o código e preserve a margem. Um código pequeno com a zona de silêncio intacta é lido; um maior sem ela talvez não.

Exporte o arquivo certo

Use um formato vetorial — SVG ou PDF — para tudo que for impresso. O vetor mantém as bordas dos módulos perfeitamente nítidas em qualquer tamanho, e são essas bordas nítidas que a câmera precisa.

Use PNG para telas, e-mail e documentos que esperam uma imagem raster, e exporte-o maior do que você acha necessário. Um código QR ampliado a partir de um PNG pequeno ganha bordas de módulo macias e borradas, e bordas borradas são lidas como dados ambíguos.

Nunca tire um código de uma captura de tela, e não deixe que ele passe por uma recompressão com perdas no caminho até a gráfica. Artefatos JPEG em volta de bordas de alto contraste são exatamente o tipo errado de ruído.

Teste direito, são cinco minutos

Um código que é lido na ferramenta de design foi testado no caso ideal: foco perfeito, luz perfeita, tela retroiluminada, um único aparelho. Nada disso descreve o lugar em que ele vai ser usado.

• Imprima uma prova no tamanho final, no material final — papel revestido e não revestido se comportam de forma diferente.
• Escaneie com pelo menos um iPhone e um Android, e de preferência com um telefone mais antigo de câmera mais fraca.
• Teste na iluminação em que ele vai viver, inclusive luz artificial e, ao ar livre, sol forte.
• Escaneie da distância em que uma pessoa real vai ficar, não de dez centímetros.
• Tente levemente de lado, porque é assim que se segura um telefone.
• Se for para algo curvo ou flexível, teste-o curvado e não plano.

As falhas que não param de se repetir

Por trás de quase todo código de marca que falha em produção está o mesmo punhado de causas: o logotipo cresceu durante a aprovação e ninguém refez o teste; a zona de silêncio foi recortada na diagramação final; uma cor de marca que parecia escura na tela saiu cinza médio; o código foi ampliado de um PNG pequeno e perdeu as bordas; ou foi testado só no telefone do designer, que tem uma câmera muito boa e já conhece o endereço.

Todas elas são pegas imprimindo uma prova e entregando-a a outra pessoa.