Português (Brasil)

Como fazer um código QR que realmente escaneia

Correção de erros, zonas silenciosas, contraste e tamanho de impressão: as quatro coisas que decidem se um código QR funciona no papel ou falha silenciosamente.

Um código QR é uma imagem de dados e é frágil de maneiras específicas

Um scanner não “lê” um código QR da mesma forma que uma pessoa lê um texto. Ele transforma a imagem da câmera em pixels preto e branco, encontra os três grandes quadrados nos cantos, elabora a grade e depois lê cada célula. Tudo o que ajuda ou prejudica um código QR depende desse processo: os cantos devem ser localizáveis, a grade deve ser regular e cada célula deve ser inequivocamente clara ou escura.

É por isso que um código pode parecer perfeito em uma tela e falhar completamente depois de impresso em um menu, e por que "torná-lo menor para caber" é a maneira mais comum de quebrá-lo.

Correção de erros: seguro, não espaço livre

Os códigos QR carregam dados redundantes para que ainda sejam decodificados quando parte da imagem for danificada. Existem quatro níveis: L recupera cerca de 7% do símbolo, M cerca de 15%, Q cerca de 25% e H cerca de 30%.

A compensação é o tamanho. Maior redundância significa mais módulos para o mesmo conteúdo, e mais módulos significa que cada um é fisicamente menor em um determinado tamanho de impressão — o que pode dificultar a digitalização em vez de facilitar. Aumentar o nível não é automaticamente mais seguro.

  1. Em uma tela ou em papel limpo que fique plano: L ou M é suficiente.
  2. Em algo que será manuseado, dobrado ou salpicado – um cardápio, um cartão de fidelidade, um pacote: Q.
  3. Quando você pretende colocar um logotipo no centro ou a superfície é genuinamente hostil: H.
  4. Se o código ficar muito denso em um nível alto, reduza o conteúdo em vez de aumentar ainda mais o nível.

A zona tranquila faz parte do código

A margem em branco ao redor de um código QR não é uma decoração. A especificação requer pelo menos quatro módulos de espaço livre em cada lado, e os scanners realmente confiam nisso para encontrar as bordas do símbolo.

Este é o requisito mais frequentemente ignorado no design de QR. Um código colocado contra uma borda, uma fotografia ou um bloco de texto perde sua zona de silêncio e pode parar de funcionar completamente – e a falha parece aleatória, porque depende do que a câmera capta.

Esta ferramenta tem como padrão quatro módulos e avisa se você reduzi-lo. Se um layout não tiver espaço para a margem, diminua o código em vez de cortar a margem.

O contraste decide mais do que a cor

Os scanners binarizam a imagem, então o que importa é a diferença de luminosidade entre o código e seu plano de fundo – e não se as cores parecem agradavelmente diferentes para você. Duas cores podem ser obviamente distintas à vista e quase idênticas quando convertidas para escala de cinza.

Preto sobre branco fornece uma taxa de contraste de 21:1. Procure pelo menos 7:1; abaixo sobre os códigos 4:1 começam a falhar no papel e com pouca luz, e esta ferramenta irá avisá-lo. A figura de contraste ao lado da visualização é atualizada conforme você altera as cores.

Mantenha o código mais escuro que o fundo. Muitos scanners procuram apenas escuro sobre claro, e um código invertido – módulos de luz em um campo escuro – é um cara ou coroa entre os dispositivos. Se precisar de um código com design escuro, coloque-o dentro de um painel claro.

Evite gradientes no código e tome cuidado com um fundo transparente: o que quer que fique atrás dele deve satisfazer o mesmo requisito de contraste.

Dimensione-o para a distância de digitalização

Uma regra prática amplamente utilizada é que a largura do código deve ser aproximadamente um décimo da distância a partir da qual será digitalizado. Um código lido com o braço estendido - digamos 30 cm - deve ter cerca de 3 cm de diâmetro. Um pôster digitalizado a três metros precisa de cerca de 30 cm.

A outra metade do problema é o tamanho do módulo. Abaixo de aproximadamente 0.4 mm por módulo, as câmeras de telefone comuns começam a apresentar dificuldades e as impressoras térmicas baratas unem os módulos adjacentes. Conteúdo mais curto significa menos módulos, o que significa que cada módulo é maior com o mesmo tamanho geral – e é por isso que manter a carga útil curta ajuda mais do que qualquer outra alteração única.

Escolha o formato de saída correto

Exporte SVG para qualquer coisa que será impressa. É vetorial, portanto pode ser dimensionado para qualquer tamanho com bordas perfeitamente nítidas e é o que um designer ou impressor deseja.

Exportar PNG para telas, documentos e qualquer lugar onde um bitmap seja mais fácil. Escolha um tamanho de pixel generoso: esta ferramenta arredonda o tamanho do módulo para um número inteiro de pixels para que cada módulo seja idêntico, o que evita os módulos desiguais que aparecem quando um código é dimensionado por frações.

Nunca aumente um código QR PNG após a exportação. Em vez disso, exporte-o para um tamanho maior - a interpolação desfoca as bordas do módulo, que é exatamente o que o scanner precisa para ficar nítido.

Teste antes de se comprometer

Imprima um em tamanho real, no material real, e digitalize-o com mais de um telefone – de preferência um Android antigo e também um iPhone recente, na luz em que o código realmente permanecerá. Um código que funciona em sua mesa sob uma lâmpada pode falhar em uma mesa perto de uma janela.

Se você estiver colocando um logotipo no centro, mantenha-o pequeno, afastado dos três quadrados dos cantos e teste o resultado em vez de presumir que a correção de erros o cobrirá.

Perguntas frequentes

Posso colocar meu logotipo no meio?
Freqüentemente, sim, se você usar um alto nível de correção de erros e manter o logotipo bem abaixo de cerca de 20% da área, longe dos três padrões de localização de canto. Esta ferramenta não sobrepõe logotipos, pois para fazer isso com segurança é necessária uma verificação visual que só você pode fazer. Exporte o SVG, coloque seu logotipo em uma ferramenta de design e teste o resultado.
Por que meu código parou de funcionar depois que o designer o usou?
Normalmente, a zona silenciosa era cortada, o código era reduzido além do ponto em que os módulos eram grandes o suficiente ou era recolorido para algo com muito pouco contraste. Forneça a eles o SVG e o requisito de margem de quatro módulos por escrito.
Um link mais longo dificulta a leitura do código?
Sim. Mais conteúdo significa mais módulos, portanto, com um tamanho físico fixo, cada módulo é menor. Use o endereço mais curto que funcione - embora observe que esta ferramenta deliberadamente não encurta links para você, porque isso colocaria terceiros entre seu código e seu destino.
Qual nível de correção de erros devo usar por padrão?
M é um padrão sensato para a maioria dos usos. Mude para Q para qualquer coisa manuseada ou impressa em tamanho pequeno, e para H somente quando você estiver cobrindo parte do código ou a superfície for genuinamente áspera.

O que esta ferramenta não fará