Español

Cómo hacer un código QR que realmente escanee

Corrección de errores, zonas silenciosas, contraste y tamaño de impresión: las cuatro cosas que deciden si un código QR funciona en papel o falla silenciosamente.

Un código QR es una imagen de datos y es frágil en ciertos aspectos

Un escáner no "read" un código QR de la misma manera que una persona lee un texto. Convierte la imagen de la cámara en píxeles en blanco y negro, encuentra los tres cuadrados grandes en las esquinas, elabora la cuadrícula y luego lee cada celda. Todo lo que ayuda o perjudica a un código QR se remonta a ese proceso: las esquinas deben poder encontrarse, la cuadrícula debe ser regular y cada celda debe ser inequívocamente clara u oscura.

Es por eso que un código puede verse perfecto en una pantalla y fallar por completo una vez impreso en un menú, y por qué "hacerlo más pequeño para que quepa" es la forma más común de romperlo.

Corrección de errores: seguro, no espacio libre

Los códigos QR contienen datos redundantes, por lo que aún se decodifican cuando parte de la imagen está dañada. Hay cuatro niveles: L recupera aproximadamente el 7% del símbolo, M aproximadamente el 15%, Q aproximadamente el 25% y H aproximadamente el 30%.

La compensación es el tamaño. Una mayor redundancia significa más módulos para el mismo contenido, y más módulos significa que cada uno es físicamente más pequeño en un tamaño de impresión determinado, lo que puede hacer que escanear sea más difícil en lugar de fácil. Subir el nivel no es automáticamente más seguro.

  1. En una pantalla o en papel limpio que se mantenga plano: L o M es suficiente.
  2. Sobre algo que será manipulado, doblado o salpicado: un menú, una tarjeta de fidelidad, un paquete: P.
  3. Cuando se pretende colocar un logo sobre el centro, o la superficie es realmente hostil: H.
  4. Si el código se vuelve muy denso en un nivel alto, acorte el contenido en lugar de subir más el nivel.

La zona tranquila es parte del código.

El margen en blanco alrededor de un código QR no es decoración. La especificación requiere al menos cuatro módulos de espacio libre en cada lado, y los escáneres realmente dependen de ella para encontrar los bordes del símbolo.

Este es el requisito más frecuentemente ignorado en el diseño QR. Un código colocado contra un borde, una fotografía o un bloque de texto pierde su zona silenciosa y puede dejar de funcionar por completo, y la falla parece aleatoria, porque depende de lo que capte la cámara.

Esta herramienta tiene por defecto cuatro módulos y le advierte si los reduce. Si un diseño no tiene espacio para el margen, reduzca el tamaño del código en lugar de recortar el margen.

El contraste decide más que el color

Los escáneres binarizan la imagen, por lo que lo que importa es la diferencia de luminosidad entre el código y su fondo, no si los colores le parecen agradablemente diferentes. Dos colores pueden ser claramente distintos a la vista y casi idénticos una vez convertidos a escala de grises.

Negro sobre blanco proporciona una relación de contraste de 21:1. Apunte a al menos 7:1; A continuación, acerca de los códigos 4:1 que comienzan a fallar en papel y con poca luz, y esta herramienta le advertirá. La figura de contraste en vivo junto a la vista previa se actualiza a medida que cambia de color.

Mantenga el código más oscuro que su fondo. Muchos escáneres solo buscan oscuridad sobre luz, y un código invertido (módulos de luz en un campo oscuro) es un lanzamiento de moneda entre dispositivos. Si necesita un código en un diseño oscuro, colóquelo dentro de un panel claro.

Evite los degradados en el código y tenga cuidado con un fondo transparente: todo lo que termine detrás debe satisfacer el mismo requisito de contraste.

Tamaño para la distancia de escaneo

Una regla general ampliamente utilizada es que el ancho del código debe ser aproximadamente una décima parte de la distancia desde la que se escaneará. Un código leído con el brazo extendido (por ejemplo, 30 cm) debe tener aproximadamente 3 cm de ancho. Un cartel escaneado desde tres metros necesita aproximadamente 30 cm.

La otra mitad del problema es el tamaño del módulo. Por debajo de aproximadamente 0.4 mm por módulo, las cámaras de los teléfonos comunes comienzan a tener problemas y las impresoras térmicas baratas manchan los módulos adyacentes. Un contenido más corto significa menos módulos, lo que significa que cada módulo es más grande con el mismo tamaño general, razón por la cual mantener la carga útil corta ayuda más que cualquier otro cambio.

Elija el formato de salida correcto

Exporte SVG para cualquier cosa que se vaya a imprimir. Es vectorial, por lo que se escala a cualquier tamaño con bordes perfectamente nítidos, y es lo que un diseñador o impresor querrá.

Exporte PNG para pantallas, documentos y cualquier lugar donde sea más fácil un mapa de bits. Elija un tamaño de píxel generoso: esta herramienta redondea el tamaño del módulo a un número entero de píxeles para que cada módulo sea idéntico, lo que evita los módulos desiguales que aparecen cuando un código se escala en fracciones.

Nunca escale un código QR PNG después de exportarlo. En su lugar, vuelva a exportarlo más grande: la interpolación difumina los bordes del módulo, que es precisamente lo que el escáner necesita para ser nítido.

Pruebe antes de comprometerse

Imprima uno en tamaño real, en material real, y escanéelo con más de un teléfono, idealmente con un Android antiguo y un iPhone reciente, a la luz en la que realmente vivirá el código. Un código que funciona en su escritorio debajo de una lámpara puede fallar en una mesa junto a una ventana.

Si coloca un logotipo en el centro, manténgalo pequeño, manténgalo alejado de los tres cuadrados de las esquinas y pruebe el resultado en lugar de asumir que la corrección de errores lo cubrirá.

Preguntas frecuentes

¿Puedo poner mi logo en el medio?
A menudo, sí, si utiliza un nivel alto de corrección de errores y mantiene el logotipo muy por debajo de aproximadamente el 20% del área, lejos de los patrones del buscador de tres esquinas. Esta herramienta no superpone logotipos, porque para hacerlo de forma segura se necesita una verificación visual que sólo usted puede realizar. Exporte el SVG, coloque su logotipo en una herramienta de diseño y pruebe el resultado.
¿Por qué mi código dejó de funcionar después de que el diseñador lo usó?
Por lo general, se recortó la zona silenciosa, el código se redujo más allá del punto donde los módulos son lo suficientemente grandes o se volvió a colorear para obtener algo con muy poco contraste. Bríndeles por escrito el SVG y el requisito de margen de cuatro módulos.
¿Un enlace más largo hace que el código sea más difícil de escanear?
Sí. Más contenido significa más módulos, por lo que con un tamaño físico fijo cada módulo es más pequeño. Utilice la dirección más corta que funcione, aunque tenga en cuenta que esta herramienta deliberadamente no acorta los enlaces, porque eso pondría a un tercero entre su código y su destino.
¿Qué nivel de corrección de errores debo utilizar de forma predeterminada?
M es un valor predeterminado sensato para la mayoría de los usos. Vaya a Q para cualquier cosa manipulada o impresa en tamaño pequeño, y a H solo cuando esté cubriendo parte del código o la superficie sea realmente rugosa.

Lo que esta herramienta no hará