Melhores práticas de código QR: tamanho, contraste, correção de erros e teste
Como criar códigos QR que escaneiem de forma confiável em impressão e em telas: tamanho mínimo, zona silenciosa, cores, níveis de correção de erros, códigos estáticos versus dinâmicos e segurança.
· 7 min de leitura
Os códigos QR tornaram-se verdadeiramente comuns durante a pandemia, quando os menus de restaurantes, check-ins e pagamentos foram transferidos para telefones. Hoje em dia, aparecem nas embalagens, cartões de visita, cartazes, faturas, anúncios de televisão e crachás de conferências. A geração de um leva segundos, mas um número surpreendente de códigos impressos não consegue ser digitalizado: muito pequeno, baixo contraste, margens faltantes ou apontando para um URL que não existe mais. Este guia abrange o que realmente determina se um código QR funciona, e como projetar e testar códigos que digitalizam pela primeira vez.
Como um código QR armazena dados
Um código QR é uma grade de quadrados escuros e claros chamados módulos. Três grandes padrões de localizador nos cantos permitem que uma câmera localize o código e determine sua orientação. Padrões de alinhamento menores corrigem a distorção da perspectiva, e padrões de tempo ajudam o decodificador a determinar o tamanho da grade. O resto da área contém os seus dados mais informações de correcção de erros.
Os códigos são disponibilizados em 40 versões, de 21 × 21 módulos (versão 1) a 177 × 177 (versão 40). O gerador escolhe a versão mais pequena que se encaixa no seu conteúdo no nível de correção de erros escolhido. Mais dados significa mais módulos, e mais módulos significa que cada um é menor em um determinado tamanho de impressão que é a raiz da maioria dos problemas de digitalização.
Mantenha o conteúdo curto
A melhoria mais eficaz é codificar menos dados:
- Um URL de 25 caracteres cabe num código de versão 2 (25 × 25 módulos).
- Uma URL de 120 caracteres com parâmetros de rastreamento necessita da versão 6 ou 7 (41 × 41 ou 45 × 45 módulos).
Com o mesmo tamanho impresso, os módulos do código mais curto são quase duas vezes maiores, por isso digitaliza a duas vezes a distância e tolera melhor o desfoco, o brilho e as câmeras de telefone baratas. Use um domínio ou caminho curto, remova parâmetros de consulta desnecessários e evite codificar texto longo quando um link faria.
Tamanho e distância de digitalização
Uma regra prática é que a largura do código deve ser pelo menos um décimo da distância de digitalização:
| Distância de digitalização | Largura mínima do código |
|---|---|
| 25 cm (mesa, cartão de visita) | 2,5 cm |
| 1 m (pólster à distância do braço) | 10 cm |
| 3 m (poster de parede) | 30 cm |
| 10 m (tablão publicitário) | 1 m |
Para os códigos densos, adicionar 2050% a estes valores. Nunca imprima um código QR menor que cerca de 2 × 2 cm.
A zona silenciosa
A especificação QR requer uma margem em branco de quatro módulos ao redor do código. Os scanners usam esta borda vazia para encontrar as bordas. Os designers geralmente cortam o código para economizar espaço ou colocá-lo em um ambiente lotado, e a confiabilidade do escaneamento diminui drasticamente. Manter pelo menos quatro módulos de fundo plano em cada lado; num gerador de código QR, esta é a definição de margem**.
Contraste e cor
Os scanners convertem a imagem em escala de cinzas e procuram diferenças de luminosidade. Isso leva a algumas regras:
- *Escuros sobre a luz. *Negro sobre branco é ideal. As cores de marcas azul escuro, verde escuro ou escuro num fundo branco ou pálido funcionam bem.
- Evitar o primeiro plano iluminado. As cores amarelo, cinza claro, pastel e néon geralmente não apresentam contraste suficiente.
- ** Evite códigos invertidos** (módulos de luz em fundo escuro) a menos que os tenha testado; alguns aplicativos de scanner não os suportam.
- Não há gradientes ou imagens por trás do código. Se o código tiver de estar numa fotografia, coloque-o num painel branco sólido com uma zona silenciosa.
- ** Observe o meio.** Os acabamentos brilhantes causam brilho sob as luzes das lojas; o mate é mais seguro. Os adesivos transparentes assumem a cor de qualquer coisa a que se apeguem.
Níveis de correcção de erros
Os códigos QR usam a correção de erros ReedSolomon, para que um código parcialmente danificado ou obscurecido ainda possa ser lido:
| Nível | Danos recuperáveis | Quando utilizar |
|---|---|---|
| L | cerca de 7% | Ecrãs, ambientes limpos, maximizar a capacidade |
| M | cerca de 15% | Padrão para a maioria das impressões |
| Q | cerca de 25% | Exterior, industrial, provavelmente arranhões |
| H | cerca de 30% | Logotipo no centro, ambientes difíceis |
Os níveis mais elevados acrescentam redundância, o que aumenta o número de módulos. Não escolha o H por defeito; escolha-o apenas quando precisar da resiliência, como quando colocar um logotipo no centro.
Adicionar um logotipo
Um logo pode tornar um código reconhecível, mas obscurece módulos. Para o fazer de forma segura:
- Utilize o nível de correcção de erros H.
- Mantenha o logotipo em torno de 20% da área do código e centrado.
- Nunca cubra os três padrões de detecção ou a zona silenciosa.
- Dar ao logotipo um fundo sólido para que não se misture com os módulos circundantes.
- Teste com vários telefones, incluindo modelos mais antigos e de baixo custo.
Códigos QR estáticos versus dinâmicos
Um código estático contém o conteúdo final diretamente. Funciona para sempre, não precisa de manutenção e não envolve rastreamento. O trade-off: uma vez impresso, o conteúdo não pode mudar.
Um código dinâmico contém um URL de redirecionamento curto operado por um serviço QR, que encaminha para o seu destino e registra as digitalizações. Pode mudar o destino mais tarde e ver as análises. Os riscos: se o serviço desligar, mudar de preço ou a sua assinatura expirar, todo o código impresso se quebra e alguns serviços gratuitos têm inseridos anúncios ou páginas intersticiais.
Um bom meio termo: gerar um código estático apontando para um URL curto em ** seu próprio domínio **, como example.com/menu, e configurar redirecionamentos em seu servidor. Você mantém o controle, pode alterar o destino e pode medir as visitas com suas análises existentes tudo sem depender de um terceiro.
Tipos de conteúdo para além dos URLs
Os códigos QR podem codificar conteúdo estruturado que os telefones entendem de forma nativa:
- ** Wi-Fi:**
WIFI:T:WPA;S:CafeGuest;P:coffee2026;;permite que os convidados se juntem sem digitar a senha. - ** Cartões de contacto:** um vCard (
BEGIN:VCARD ... END:VCARD) guarda o nome, telefone e e-mail num só toque. - E-mail e SMS:
mailto:hello@example.com?subject=HiouSMSTO:+15551234567:Hello. - ** Eventos do calendário:** um bloco do iCalendar
VEVENTadiciona um evento. - ** Localizações geográficas:**
geo:52.52,13.405abre um mapa.
Cada campo extra aumenta o tamanho dos dados, por isso mantenha os cartões de contato concisos.
Segurança e confiança
Os códigos QR são opacos para os seres humanos, que os atacantes exploram para o chamado "quishing". Autocolantes falsos em parquímetros e mesas de restaurantes redirecionaram as pessoas para páginas de pagamento de phishing. Para manter a confiança:
- Use um domínio reconhecível no HTTPS, para que a visualização do telefone mostre um URL em que as pessoas confiam.
- Imprima o URL curto como texto ao lado do código, para que as pessoas possam verificá-lo ou digitá-lo manualmente.
- Para colocações públicas, use materiais que não possam ser adulterados e verifique-os periodicamente.
- Evite abreviadores de URL que ocultem o domínio de destino.
Lista de verificação de ensaios
Antes de enviar qualquer coisa para impressão:
- Escaneie com pelo menos dois telefones e dois aplicativos, incluindo a câmera embutida no iOS e Android.
- Teste no tamanho real: imprima uma prova, não apenas digitalize do monitor.
- Ensaio na distância prevista e na iluminação prevista.
- Confirme que o destino funciona no celular, carrega rapidamente e usa HTTPS.
- Verifique se a zona silenciosa sobreviveu ao plano final e ao corte.
- Exportar como SVG ou PNG de alta resolução; evitar JPEG, cuja compressão desfoca as bordas do módulo. Se você precisa de um arquivo pequeno para a web, veja como comprimir imagens mas mantenha os códigos QR em formatos sem perda.
Códigos QR versus códigos de barras
Os códigos QR contêm muito mais dados e podem ser analisados de qualquer ângulo, por isso são adequados para URLs e pagamentos. Os códigos de barras lineares continuam a ser o padrão para o checkout e a logística de varejo porque os scanners existentes e as cadeias de fornecimento dependem deles. Para um tour das simbologias lineares e 2D, veja [tipos de código de barras explicados] ((/blog/barcode-types-explained).
Resumo
Codifique o mínimo possível, imprima grande o suficiente para a distância de digitalização, mantenha uma zona silenciosa de quatro módulos, use cores escuras sobre a luz com forte contraste, escolha a correção de erros deliberadamente, prefira códigos estáticos que apontam para o seu próprio domínio e teste impressões reais em telefones reais. Segue estas práticas e os teus códigos vão funcionar para todos, sempre.
Esta página foi traduzida automaticamente do inglês. Se encontrar um erro, avise-nos.