Como fazer um código QR com o logotipo da empresa — e se é seguro para a digitalização

Vou te dizer como vejo isso após anos fazendo esses códigos para clientes. O quadrado preto e branco funciona. Escaneia perfeitamente. Só que parece exatamente igual ao código do vizinho, ao código da concorrência e ao código no panfleto que alguém jogou na sua caixa de correio. Nenhuma diferença.

E agora coloque o logotipo no centro. De repente, a pessoa vê de quem é o código antes mesmo de aproximar o telefone. E escaneia com mais vontade, porque vê uma marca que conhece. A diferença nas leituras pode ser grande.

A pergunta que sempre surge nesta etapa é: "isso não vai estragar o meu scan?". Não. Desde que você não faça isso de qualquer maneira.

Por que o logo não explode todo o código QR com o logo no ar

Aqui está uma pequena magia que vale a pena compreender. Cada código QR possui correção de erros embutida. É um tipo de excesso de dados que permite ao leitor reconstruir o todo, mesmo que uma parte do código esteja suja, amassada ou coberta por algo.

No nível mais alto (indicado pela letra "H") o código sobreviverá à cobertura de cerca de 30% da superfície. O logotipo no centro geralmente consome 20–25%. Ou seja, você tem espaço, e com folga.

Duas coisas que eu sempre sigo:

1. O logotipo vai exatamente para o centro. Nunca nos cantos. Estes três quadrados grossos nos cantos são marcadores de posição; é através deles que o leitor identifica onde está o topo e onde está a base. Se cobrir um, acabou, o código estará morto.
2. Adicione uma borda branca ao logotipo. Uma margem fina ao redor. Isso separa a sua arte dos "pixels" do código e ajuda muito na leitura, especialmente quando o logotipo tem um formato irregular ou serrilhado.

Trabalho passo a passo

No cutty.dev você faz isso ao encurtar o link, pois o código QR é incluído em cada link automaticamente. Vamos lá:

1. Encurte o link ou abra um que você já tenha no painel.
2. Vá para a seção "Código QR" na página de edição.
3. Adicione seu logotipo (PNG, SVG, JPG, o que você tiver). Ele ficará no centro, e a correção de erros subirá automaticamente para um nível superior. Você não precisa clicar em nada.
4. Escolha a cor do código e do fundo de acordo com a sua marca.
5. Baixe. PNG para tela e redes sociais, SVG para impressão (escala sem perda de nitidez, então use justamente o SVG para banners ou roll-ups).

A visualização é atualizada ao vivo. Você vê o efeito antes que qualquer coisa seja salva no disco.

Cuidado com isso: as cores podem te enganar

Este é aquele momento em que as pessoas mais falham, por isso ouça com atenção.

O scanner não lê cores. Lê contraste. Você pode pintar o código, por favor, mas siga a regra: código escuro em fundo claro. Não o contrário. Código claro em fundo escuro, sim, será digitalizado no seu telefone topo de linha, e depois o cliente com um Android antigo fica parado e xingando, porque não consegue ler nada.

E não coloque a cor do código muito perto da cor do fundo. Azul-marinho sobre preto? Esqueça. Quanto maior o contraste, mais facilmente o código será lido de uma distância maior (e em um site de loja ou num cartaz de ponto de ônibus, isso faz toda a diferença).

O assunto que ninguém te conta: onde o seu logótipo vai parar

A maioria dos geradores de códigos com logótipo pede-lhe para carregar um ficheiro no servidor deles. E pare aqui por um segundo. A sua marca, por vezes a única versão vetorial decente, acaba nas mãos de um fornecedor estranho. E nos termos e condições pode estar previsto o direito de uso contínuo deste ficheiro. Alguém já leu estes termos e condições? Pois é.

Aqui, o código é gerado no seu navegador. O Logo não sai do seu computador, não é enviado para lugar nenhum nem é salvo. O arquivo permanece seu.

Imprima uma vez, envie para onde quiser

Por fim, uma dica que um dia lhe poupará muito dinheiro na reimpressão.

Crie o código com um link encurtado, não com o endereço bruto e longo. Por quê? Porque o código baseado em um link curto pode ser substituído internamente mais tarde. Você altera o destino do link no painel, e o mesmo código impresso passa a levar para outro lugar. A promoção acabou? Você redireciona para uma nova, sem precisar mexer nos panfletos.

O código inserido diretamente num endereço longo está consolidado. Alteração do destino = novo código = nova impressão = nova fatura da gráfica. Pense nisso antes de encomendar mil cartões de visita.