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 porfolio de diseño. Un logotipo simplemente gasta parte de ese margen a propósito.

La pregunta, por tanto, nunca es «¿puedo añadir 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 los cuatro niveles de corrección de errores, que recuperan en torno al 7 %, 15 %, 25 % y 30 % del código respectivamente.

El impulso evidente es elegir el más alto y dejar de preocuparse. No es tan sencillo, porque la redundancia tiene que caber en algún sitio: un nivel más alto añade datos, más datos añaden módulos, y más módulos al mismo tamaño de impresión hacen que cada módulo sea físicamente más pequeño. Pasado cierto punto has cambiado un código robusto por uno tan denso que la cámara ya no 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 nivel más alto cuando el código vaya a vivir en un sitio realmente hostil —una botella curva, un soporte textil, un envase que se rozará 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 alrededor del 30 %, un logotipo que ocupe cerca del 30 % no deja nada para el mundo real, y el mundo real es todo el sentido de ese margen.

El fallo tampoco es gradual, y eso es lo que pilla desprevenido. Un código no se vuelve poco a poco más difícil de leer conforme crece el logotipo: se lee de forma fiable, luego en algunos teléfonos y no en otros, y luego deja de leerse. La fase intermedia es la peligrosa, porque supera la única prueba que hace la mayoría.

Empieza más pequeño de lo que te gustaría, 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 patrones de localización: así encuentra el lector el código y deduce su orientación. El cuadrado más pequeño junto a la cuarta esquina en los códigos mayores es un patrón de alineación, que corrige la distorsión de un código fotografiado en ángulo. Las líneas punteadas que corren entre los localizadores son los patrones de sincronización, que fijan la retícula de módulos.

Tapa cualquiera de ellos y ninguna corrección servirá, porque el lector nunca llega a la fase en que podría usarla. Mantén el logotipo centrado, lejos de las esquinas, y no recortes nunca el código para encajarlo en una maquetación.

Colores de marca que funcionan y colores que no

El color es donde el manual de marca y la legibilidad discuten más a menudo, 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 convierte en 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 parece rotundamente oscuro en una pantalla retroiluminada puede quedar demasiado cerca del fondo una vez impreso en papel sin estucar. Los degradados sobre los módulos y los fondos fotográficos detrás causan el mismo problema de forma menos previsible.

Una comprobación útil sin herramienta alguna: convierte el diseño 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: es como el lector establece dónde acaba el código.

Es también la parte de un código QR que más se destruye, justamente porque parece un espacio vacío que la maquetación podría aprovechar. Texto pegado al borde, un filete trazado alrededor, una imagen de fondo que pasa por debajo, el código recortado a ras de un panel: todo eso la elimina.

Si falta espacio, reduce el código y conserva el margen. Un código pequeño con su zona de silencio intacta se lee; uno mayor sin ella quizá no.

Exporta el archivo adecuado

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 pequeño desarrolla bordes de módulo blandos y difusos, y unos bordes difusos se leen como datos ambiguos.

No tomes nunca un código de una captura de pantalla, y no dejes que sufra una recompresión con pérdida camino de 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 ha probado 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 estucados y sin estucar se comportan distinto.
• Escanea con al menos un iPhone y un Android, e idealmente con un teléfono más antiguo de cámara peor.
• Prueba con la iluminación en la que vivirá, incluida la luz artificial y, en exteriores, el sol fuerte.
• Escanea a la distancia a la que se situará una persona real, no a 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.

Los fallos 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 de diseño y nadie volvió a probar; la zona de silencio quedó recortada en la maquetación final; un color de marca que se leía oscuro en pantalla se imprimió gris medio; el código se amplió desde un PNG pequeño 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.