Como adicionar um logo sem quebrar seu QR code

Por que um logo funciona

Um logo pode ficar sobre um QR code porque todo QR code carrega dados redundantes. A correção de erros Reed-Solomon adiciona palavras-código extras para que o leitor consiga reconstruir a mensagem mesmo quando parte do padrão está faltando, borrada ou coberta. O logo é simplesmente um dano proposital.

Existem quatro níveis de correção de erros, e cada um recupera aproximadamente uma fatia fixa do código: L cerca de 7%, M cerca de 15%, Q cerca de 25% e H cerca de 30%. Essas porcentagens são o teto de quanto do padrão pode ser perdido antes de o escaneamento falhar.

Use Q ou H quando houver um logo

Com um logo, configure a correção de erros em Q ou H. M deixa pouca folga quando você também precisa contar com a qualidade de impressão, o reflexo e uma câmera de celular parada por meio segundo. Q é um padrão sensato para telas e impressão limpa; H é a escolha mais segura para qualquer coisa laminada, dobrada ou impressa em tamanho pequeno.

Não leia a porcentagem de recuperação como um orçamento que dá para gastar até zerar. O escaneamento no mundo real consome parte dela, então trate o nível como o motivo pelo qual um logo é possível, não como permissão para cobrir um terço do código.

Qual o tamanho seguro do logo

Mantenha o logo abaixo de mais ou menos 10% da área total do código. Como a área cresce com o quadrado da largura, isso equivale a um logo quadrado com cerca de 30% da largura do código — e 30% da largura é o teto prático, não a meta. Entre 20 e 25% da largura, o que dá 4 a 6% da área, é a faixa de trabalho confortável.

Maior é mais arriscado por dois motivos. O óbvio é que você está consumindo a margem de recuperação. O menos óbvio é que a correção de erros é intercalada entre os blocos de dados: uma grande perda em bloco sólido pode destruir mais palavras-código em um bloco do que esse bloco consegue reparar, mesmo que a porcentagem geral ainda pareça tranquila.

Coloque no centro exato e longe dos padrões fixos

O centro é o único lugar seguro para um logo. A perda ali é distribuída de forma uniforme entre os blocos de dados intercalados, então nenhum bloco sozinho leva todo o impacto. Se você tirar o logo do centro, concentra o dano em menos blocos e ainda se aproxima de estruturas que não têm nenhuma redundância.

Três coisas nunca podem ser tocadas. Os três marcadores de posição — os quadrados grandes nos cantos superior esquerdo, superior direito e inferior esquerdo — são como o leitor localiza e orienta o código. Os padrões de temporização, as linhas e colunas alternadas que correm entre os marcadores, definem a grade de módulos. Cubra qualquer um deles e o escaneamento falha de vez, não importa o que diga o nível de correção de erros.

• Nunca sobreponha os três marcadores de posição dos cantos.
• Nunca cruze as linhas ou colunas de temporização que os ligam.
• Deixe em paz os padrões de alinhamento perto dos outros cantos.
• Mantenha a zona de silêncio livre: 4 módulos de fundo vazio em cada lado.

Dê ao logo uma base de fundo limpa

Coloque o logo sobre uma base sólida na cor de fundo do código, com um par de módulos de espaçamento ao redor da marca. Isso dá ao leitor uma área limpa e sem ambiguidade para descartar, em vez de uma franja de módulos meio cobertos que ele pode tentar ler e falhar.

PNGs transparentes são a melhor fonte de logo, mas a transparência é exatamente o motivo pelo qual a base importa: sem ela, os módulos do QR aparecem pelos vãos da sua marca e produzem bordas acinzentadas e ambíguas. Um logo transparente sobre uma base sólida entrega ao mesmo tempo uma marca nítida e um recorte limpo.

Correção de erros mais alta deixa o código mais denso

Aumentar a correção de erros custa capacidade de dados, então o codificador muitas vezes precisa subir para uma versão maior de QR, com mais módulos. A mesma URL pode virar uma grade de 33 por 33 em L e de 45 por 45 em H — mais que o dobro de módulos espremidos no mesmo quadrado.

Isso pesa na hora de imprimir. Cada módulo fica fisicamente menor, então o código inteiro precisa ser impresso maior para manter os módulos legíveis. Como regra, mantenha o código com pelo menos um décimo da distância de leitura pretendida: 2 cm de largura para um display de mesa lido a 20 cm, 30 cm de largura para um cartaz lido a 3 m. Com logo e correção em nível H, aumente o tamanho a partir do seu mínimo.

Teste antes de imprimir

Teste o arquivo exportado de verdade, no tamanho final de verdade, e não a prévia na sua tela. Um código que escaneia em um monitor de 27 polegadas pode falhar como adesivo de 2 cm em papel fosco. Imprima um e siga esta lista.

• Escaneie com pelo menos um iPhone e um celular Android, usando o app de câmera nativo.
• Teste na distância real em que as pessoas vão ficar, não a 10 cm.
• Teste sob a iluminação da sala real, incluindo qualquer reflexo da laminação ou do vidro.
• Peça para alguém que nunca viu o código testar sem aviso.
• Se algum teste ficar no limite, diminua o logo ou aumente a correção de erros e imprima de novo.

Uma coisa que o logo não resolve

Estes são códigos estáticos: o destino está codificado no próprio padrão, então o código nunca expira e não precisa de servidor. Ele também não pode ser editado depois de baixado. Se o link puder mudar, aponte o código para uma página que você controla e mude o conteúdo dessa página.

Pronto para criar um? O gerador com logo cuida do envio da imagem, do quadro e da dica de correção de erros, e exporta SVG pronto para impressão.