Qual o tamanho máximo de um logo em um QR code?

Um logo colocado no meio de um QR code não fica ali só como enfeite — ele bloqueia os módulos que estão embaixo, e o código precisa reconstruir esses dados que faltam a partir do seu orçamento de correção de erros, em vez de lê-los diretamente. Esse orçamento é finito e depende do nível de correção de erros escolhido na hora de gerar o código, e é por isso que o tamanho seguro de logo não é um número só, e sim quatro, um por nível. Isso aparece o tempo todo em cartões de visita e vCards, em que o logo da empresa costuma ser a razão inteira de alguém querer um código personalizado.

Os limites medidos

Em uma variedade de tamanhos de símbolo, o maior logo que sobrevive de forma confiável a uma decodificação estrita em cada nível de correção de erros — medido como porcentagem da largura do próprio código, com um fundo branco opaco padrão atrás do logo e nenhum espaçamento extra além da área ocupada pelo próprio logo — fica em:

• L: 17%
• M: 25%
• Q: 29%
• H: 30%

Esses são mínimos conservadores, não médias otimistas: cada um foi testado em vários tamanhos de símbolo diferentes e o número publicado é o menor que se manteve em todos eles, então um código pequeno é exatamente tão seguro nessas porcentagens quanto um bem maior. Passe delas e o código até pode escanear — ou pode não escanear, e a falha costuma aparecer primeiro na câmera mais barata ou na impressão mais desbotada do lote, não naquela em que você testou.

Largura, não área — a distinção que realmente importa

Essas porcentagens descrevem a largura do logo em relação à largura do código, não a área que ele ocupa. Essa distinção importa enormemente na prática: um logo com 25% da largura do código cobre apenas cerca de 6% da área total, porque a área cresce com o quadrado de uma dimensão linear. Um logo dimensionado como “um quarto do código” em área — o que, a olho nu, parece mais ou menos um logo com 50% da largura — estaria drasticamente acima do limite seguro em todos os níveis de correção de erros, inclusive H. Se você está trabalhando a partir de um mockup de design em que o logo foi dimensionado a olho em vez de medido diretamente contra a largura do código, meça direito antes de tratá-lo como seguro.

O espaçamento reduz ainda mais o limite

Os números acima pressupõem espaçamento zero além da área ocupada pelo próprio logo — nada além da arte fica no centro liberado do código. Acrescente qualquer espaçamento em volta do logo, seja uma folga embutida na própria imagem do logo, seja uma margem explícita adicionada pelo gerador, e o limite efetivo cai, porque o espaçamento amplia a área do código que fica liberada sem acrescentar nada de que a correção de erros possa se recuperar. Em um símbolo pequeno, principalmente, alguns módulos a mais de espaçamento de cada lado podem consumir uma fatia relevante da margem de segurança que sobrou, então um design que fica colado no limite publicado e ainda coloca espaçamento em volta do logo não é seguro só porque a arte do logo em si está dentro da porcentagem — o que conta é a área ocupada com o espaçamento incluído, e ela é maior que o logo sozinho.

Por que um fundo branco atrás do logo importa

Os limites acima foram medidos com um fundo branco opaco atrás do logo, não com a arte bruta do logo renderizada diretamente sobre os módulos. Esse fundo importa por duas razões distintas. Primeira, ele garante que a região ocultada seja lida pelo decodificador como um bloco branco único e previsível, em vez de uma forma irregular determinada pela silhueta real do logo, por sua transparência ou por suas bordas suavizadas — que é exatamente contra o que o limite foi medido. Segunda, um logo com qualquer transparência, ou uma arte mais clara que os módulos ao redor, pode ser lido como quase inexistente por um decodificador sem um fundo sólido atrás dele, o que faria o limite publicado parecer mais seguro do que realmente é para aquele logo específico. Pular o fundo só é razoável quando a arte do logo já é totalmente opaca de ponta a ponta — fora isso, mantenha-o.

Escolhendo um nível para o logo que você quer

Se um design pede um logo maior do que L ou M comportam com folga, subir o nível de correção de erros costuma ser a melhor jogada, em vez de empurrar um nível baixo além do seu limite — Q e H existem justamente para dar mais espaço exatamente para esse tipo de oclusão, ao custo de um código mais denso (veja o nosso guia sobre níveis de correção de erros para esse trade-off por completo). Seja qual for o nível escolhido, essas porcentagens são orientação para antes de você ter renderizado qualquer coisa, não uma garantia para o código específico que vai sair — um validador que de fato renderize o seu logo no tamanho escolhido e faça a decodificação estrita do resultado é a única forma de saber se aquela combinação específica de arte, espaçamento e nível de correção de erros funciona mesmo, em vez de confiar apenas na tabela.