Cómo hacer un código QR con logotipo que siga escaneándose

Por qué un logotipo puede ir encima de un código QR

Los códigos QR llevan datos redundantes. La especificación incorpora corrección de errores para que un código siga leyéndose aunque esté sucio, roto, arrugado o parcialmente tapado — el formato se diseñó para una planta de producción, no para un portafolio de diseño. Un logotipo simplemente gasta parte de ese margen a propósito.

La pregunta, entonces, nunca es «¿puedo agregar un logotipo?» sino «¿cuánto margen estoy gastando, y en qué?».

Los cuatro niveles de corrección y lo que cuestan

Cada código QR se genera en uno de cuatro niveles de corrección de errores, que recuperan alrededor del 7 %, 15 %, 25 % y 30 % del código respectivamente.

El impulso obvio es elegir el más alto y dejar de preocuparse. No es tan sencillo, porque la redundancia tiene que caber en algún lado: un nivel más alto agrega datos, más datos agregan módulos, y más módulos al mismo tamaño de impresión hacen que cada módulo sea físicamente más chico. Pasado cierto punto cambiaste un código robusto por uno tan denso que la cámara ya ni lo resuelve.

La respuesta práctica para la mayoría de los códigos de marca es un nivel intermedio con un logotipo moderado, probado. Recurre al más alto cuando el código vaya a vivir en un lugar de verdad hostil —una botella curva, una tela, un empaque que se va a raspar en tránsito— y acepta el tamaño de impresión mayor que entonces exige.

Cuánto puede tapar el logotipo en realidad

Quédate claramente dentro del nivel con el que generaste, no en su límite. Si el nivel recupera cerca del 30 %, un logotipo que ocupa casi el 30 % no deja nada para el mundo real — y el mundo real es todo el sentido de ese margen.

La falla tampoco es gradual, y eso es lo que agarra desprevenido. Un código no se va poniendo lentamente más difícil de leer conforme crece el logotipo; se lee de forma confiable, luego en algunos teléfonos y en otros no, y luego deja de leerse. La fase intermedia es la peligrosa, porque pasa la única prueba que hace la mayoría.

Empieza más chico de lo que quisieras, prueba, y agranda si la prueba sale limpia.

Dónde no puede ir el logotipo

Algunas partes del patrón son estructura y no datos, y la corrección de errores no las protege.

Los tres cuadrados grandes de las esquinas son los marcadores de posición — así encuentra el lector el código y deduce su orientación. El cuadrado más chico junto a la cuarta esquina en los códigos más grandes es un marcador de alineación, que corrige la distorsión de un código fotografiado en ángulo. Las líneas punteadas que corren entre los marcadores son los patrones de sincronía, que fijan la retícula de módulos.

Tapa cualquiera de ellos y ninguna corrección ayuda, porque el lector nunca llega al punto en que podría usarla. Mantén el logotipo centrado, lejos de las esquinas, y nunca recortes el código para que quepa en un armado.

Colores de marca que funcionan y colores que no

El color es donde el manual de marca y la legibilidad más pelean, y solo importan unas pocas reglas.

Un lector lee el contraste entre módulos y fondo, así que tiene que ser fuerte — y en el sentido convencional: módulos oscuros sobre fondo claro. Los códigos invertidos, claros sobre oscuro, los leen muchos lectores pero no todos, lo que los vuelve una apuesta sobre material impreso que no se puede retirar.

La víctima habitual es el color de marca de valor medio. Un tono que en una pantalla retroiluminada se ve rotundamente oscuro puede quedar demasiado cerca del fondo una vez impreso en papel sin recubrir. Los degradados sobre los módulos y los fondos fotográficos debajo causan el mismo problema de forma menos predecible.

Una revisión útil sin herramienta alguna: convierte el arte a escala de grises. Si el patrón sigue siendo claramente oscuro sobre claro, el contraste es real. Si se vuelve papilla, el escaneo también.

Conserva la zona de silencio

La especificación exige un margen limpio de cuatro módulos en los cuatro lados. No es relleno ni una sugerencia del diseñador — así es como el lector establece dónde termina el código.

Es también la parte de un código QR que más se destruye, justo porque parece espacio vacío que el armado podría aprovechar. Texto pegado al borde, una línea decorativa alrededor, una imagen de fondo pasando por debajo, el código cortado al ras de un panel — todo eso la elimina.

Si falta espacio, achica el código y conserva el margen. Un código chico con su zona de silencio intacta se lee; uno más grande sin ella quizá no.

Exporta el archivo correcto

Usa un formato vectorial —SVG o PDF— para todo lo que se vaya a imprimir. El vector mantiene los bordes de los módulos perfectamente nítidos a cualquier tamaño, y esos bordes nítidos son lo que necesita la cámara.

Usa PNG para pantallas, correo y documentos que esperan una imagen de mapa de bits, y expórtalo más grande de lo que creas necesario. Un código QR ampliado desde un PNG chico desarrolla bordes de módulo suaves y borrosos, y unos bordes borrosos se leen como datos ambiguos.

Nunca tomes un código de una captura de pantalla, y no dejes que sufra una recompresión con pérdida camino a la imprenta. Los artefactos JPEG alrededor de bordes muy contrastados son justo el tipo de ruido equivocado.

Pruébalo bien, son cinco minutos

Un código que se escanea en la herramienta de diseño se probó en el caso ideal: enfoque perfecto, luz perfecta, pantalla retroiluminada, un solo dispositivo. Nada de eso describe dónde se va a usar.

• Imprime una prueba al tamaño final, sobre el material final — los papeles recubiertos y sin recubrir se comportan distinto.
• Escanea con al menos un iPhone y un Android, e idealmente con un teléfono más viejo de cámara peor.
• Prueba con la iluminación en la que va a vivir, incluida la luz artificial y, en exteriores, el sol fuerte.
• Escanea desde la distancia a la que se va a parar una persona real, no desde diez centímetros.
• Pruébalo ligeramente en ángulo, que es como se sostiene un teléfono.
• Si va sobre algo curvo o flexible, pruébalo curvado y no plano.

Las fallas que se repiten

Detrás de casi todos los códigos de marca que fallan en producción está el mismo puñado de causas: el logotipo creció durante la revisión y nadie volvió a probar; la zona de silencio quedó recortada en el armado final; un color de marca que se leía oscuro en pantalla salió gris medio; el código se amplió desde un PNG chico y perdió los bordes; o solo se probó en el teléfono del diseñador, que tiene muy buena cámara y ya conoce la dirección.

Todas se detectan imprimiendo una prueba y dándosela a otra persona.