Añadir un logo a un código QR

Un logo en mitad de un código QR no es un truco. Es un uso deliberado de la redundancia que trae el formato — con un presupuesto que se puede gastar de más.

Todo código QR guarda su contenido más de una vez. El formato incluye corrección de errores Reed–Solomon, lo que significa que un lector puede reconstruir los datos aunque parte del patrón sea ilegible: manchado, roto, tapado por un cerco de café o por tu logo. El logo no pelea contra el código; gasta un presupuesto que el código ya había reservado.

Cuánto puedes tapar de verdad

Los códigos QR tienen cuatro niveles de corrección de errores, llamados L, M, Q y H, que recuperan aproximadamente el 7%, 15%, 25% y 30% de los datos. Tienta leer el más alto como «puedo tapar el 30% del código». No puedes.

Ese presupuesto no está reservado para tu logo. También tiene que absorber:

  • Registro de impresión y ganancia de punto, que difuminan los bordes de los módulos.
  • Reflejos, dobleces, roces y huellas en la pieza acabada.
  • Una cámara de móvil que enfoca de forma imperfecta, en ángulo y con poca luz.
  • Lo que le pase al papel tras un mes en un mostrador.

Gasta toda la reserva en el logo y no queda nada para el mundo real. Un límite de trabajo útil está bastante por debajo de la mitad: un logo que ocupe alrededor de una décima parte del área del código, en el nivel de corrección más alto, deja un margen cómodo. Más grande y el código empieza a depender de condiciones ideales.

El fallo seductor: un logo demasiado grande se escanea perfectamente en tu monitor, donde la imagen es nítida, retroiluminada y enorme. Y falla en la tarjeta impresa en una sala en penumbra. Comprueba siempre la impresión, nunca la vista previa.

Dónde no puede ir el logo

La corrección de errores protege los módulos de datos. No protege las partes estructurales que un escáner necesita para localizar y orientar el código:

  • Las tres marcas de posición: los cuadrados grandes de las esquinas superior izquierda, superior derecha e inferior izquierda. El escáner encuentra el código encontrándolas. Tapa una y no hay nada que corregir, porque el código nunca llega a reconocerse como tal.
  • Los patrones de sincronización: las líneas alternas entre las marcas, que indican al lector el tamaño de la retícula.
  • La zona de silencio: el margen vacío alrededor de todo el código.

Por eso la colocación central es la convención: el centro del código son datos, y los datos son justo lo que la corrección de errores sabe reconstruir.

Que el logo funcione

  • Dale un fondo sólido: normalmente un pequeño panel claro detrás, del color de fondo del código. Un logo con fondo transparente sobre los módulos confunde al lector sin ninguna ventaja.
  • Mantenlo cuadrado o redondo y centrado. Los logos horizontales anchos se comen una banda entera del código; un monograma o un símbolo funcionan mucho mejor que el logotipo completo.
  • Simplifica. A 2 cm impresos, un logo detallado es una mancha: la silueta reconocible hace todo el trabajo.
  • Conserva el contraste del código a su alrededor. Un logo oscuro sobre un código oscuro ni se lee ni parece nada.

Y ya que estamos, el color

El color de marca en los propios módulos está bien, y a menudo hace el código más tuyo que un logo. La única regla es que los módulos oscuros sigan siendo claramente más oscuros que el fondo. Los colores de marca intensos sobre blanco se leen igual que el negro. Los colores pálidos, los tonos medios sobre tonos medios y los códigos invertidos son donde el escaneo se vuelve poco fiable.

Los degradados son seguros mientras ambos extremos sean oscuros respecto al fondo. Un degradado que va de oscuro a pálido queda llamativo y falla en el extremo pálido.

La prueba que de verdad importa

  1. Exporta al tamaño y la resolución a los que vayas a imprimir.
  2. Imprímelo sobre el material real.
  3. Escanéalo con dos o tres teléfonos, incluido el más antiguo que encuentres, a la distancia que usaría una persona real.
  4. Repítelo con poca luz y en ángulo.
  5. Si alguno duda, reduce el logo y repite. Una duda en la prueba es un fallo sobre el terreno.

Sharen da al logo un control de tamaño precisamente para que esto sea un dial y no una reconstrucción: redúcelo un paso, reexporta, vuelve a probar. Y como el código codifica tu dirección directamente, lo que probaste es lo que se imprime — mira por qué los códigos QR dejan de funcionar para los fallos que no tienen que ver con el diseño.

Lo que se pregunta antes de imprimir

¿Añadir un logo rompe un código QR?

No, si es discreto y está centrado. La corrección de errores reconstruye los módulos de datos tapados. Se rompe cuando el logo es demasiado grande, tapa una marca de posición de esquina o se come el margen.

¿Cómo de grande puede ser el logo de un código QR?

Más pequeño que el máximo teórico. El nivel de corrección más alto recupera cerca del 30% del código, pero eso también debe cubrir defectos de impresión y problemas de cámara. Alrededor de una décima parte del área es un tamaño de trabajo seguro.

¿Puedo poner el logo en una esquina del código QR?

No. Las esquinas contienen las marcas de posición que el escáner usa para localizar el código, y no están protegidas por la corrección de errores. El logo, al centro.

¿Puede un código QR llevar los colores de mi marca?

Sí, mientras los módulos sigan siendo claramente más oscuros que el fondo. Los colores intensos sobre blanco son fiables; los pálidos, el poco contraste y la inversión no lo son.

Tu logo, tus colores, y sigue escaneándose

Control de tamaño, formas de módulo y degradados — con el código codificando tu enlace directamente, para que lo probado sea lo impreso.