Como colocar um logo no QR Code

Todo QR Code carrega dados redundantes, para que um arranhão, uma mancha ou uma dobra não o deixem ilegível. A quantidade depende do nível de correção de erros escolhido na criação do código. O logo funciona gastando essa redundância de propósito: os módulos que ficam embaixo dele se perdem, e o leitor os reconstrói a partir do resto. O mecanismo está explicado em correção de erros do QR Code.

Essas porcentagens são um teto, não um orçamento. Elas se referem a codewords, não a área, e um logo raramente danifica codewords em unidades inteiras e certinhas — um quadrado pequeno pode atingir pedaços de muitos codewords ao mesmo tempo. Qualquer outra coisa que dê errado na vida real, como reflexo, um vinco ou uma impressão borrada, sai da mesma reserva. Um código que gastou toda a redundância com o logo não tem mais nada para o mundo real.

Não existe um número único e seguro, e qualquer guia que dê um com casa decimal está exagerando o que sabe. A regra prática mais citada é ficar bem dentro da fração recuperável: no nível H, um logo cobrindo até mais ou menos um quinto a um quarto da área do código costuma ser apontado como funcional, e muitos designers ficam bem abaixo disso. No nível Q, mire ainda menor.

• Comece pequeno e vá aumentando. Comece com um logo de cerca de um décimo da largura do código e só aumente enquanto todos os celulares de teste continuarem lendo na hora.
• Centralize. O meio do código é formado principalmente por módulos de dados, que a correção de erros consegue reconstruir.
• Dê a ele uma borda limpa. Uma margem branca ao redor do logo impede que módulos meio cobertos sejam lidos como ruído.
• Códigos mais simples toleram melhor. Uma URL curta gera menos módulos, e maiores, então o mesmo logo destrói menos. Um código denso, com link longo, pode falhar com um logo que funcionaria bem em um código mais grosso.

Os códigos deste site usam o nível Q por padrão e passam para o nível M em links muito longos que, de outra forma, passariam da versão 12. Quando você adiciona um logo, o gerador muda para o nível H, limita o logo a cerca de 12% do símbolo e recusa conteúdos densos demais para carregá-lo — nesse caso, encurte o link.

A correção de erros protege os dados. Ela não protege a estrutura que o leitor usa para encontrar e orientar o código. Cobrir qualquer uma destas partes quebra o código, por mais alto que seja o nível de correção de erros.

• Os três padrões de localização. Os quadrados grandes em três cantos dizem ao celular que aquilo é um QR Code e em que posição ele está.
• As informações de formato. As faixas finas de módulos ao lado dos padrões de localização registram o nível de correção de erros e a máscara. Sem elas, o leitor não decodifica nada.
• Os padrões de temporização. Linhas alternadas de módulos escuros e claros entre os padrões de localização, que permitem ao leitor contar a grade.
• Os padrões de alinhamento. Os quadrados menores dos códigos maiores, que ajudam a corrigir a perspectiva.
• A zona de silêncio. A margem em branco ao redor. Um logo ou selo em cima dela impede o leitor de ver onde o símbolo termina.

Quase tudo o que um logo no centro consegue — deixar claro que o código é seu e foi feito de propósito — dá para fazer fora do código, sem gastar nada da correção de erros.

• Uma moldura com a sua marca. Coloque o código dentro de um painel na cor da marca, com o logo acima e uma área branca ao redor do próprio código.
• Uma legenda. “Escaneie para ver o cardápio” ao lado do logo diz às pessoas o que elas vão encontrar, o que pesa mais na taxa de leitura do que qualquer enfeite.
• Cor ao redor, não dentro. Mantenha o código escuro sobre claro e use a cor da marca no design em volta. Veja cores do QR Code para saber o que o código em si tolera.

Um código simples continua sendo lido por mais celulares, em tamanhos menores e de mais longe. Se você quer um logo, o gerador de QR Code personalizado o coloca no centro para você, no nível H e dentro do limite de tamanho acima; a imagem é lida no seu navegador e nunca é enviada. Depois, teste o resultado a fundo — no tamanho final, no material final, em vários celulares, com pouca luz. Se ele hesitar em qualquer situação, use um logo mais simples ou nenhum. O guia de solução de problemas mostra o que mais conferir.

Adicione seu logo com correção de erros nível H, no seu navegador:Criar QR Code com logo