Mejores prácticas de código QR: tamaño, contraste, corrección de errores y pruebas

Los códigos QR se volvieron verdaderamente comunes durante la pandemia, cuando los menús de los restaurantes, las facturas y los pagos se trasladaron a los teléfonos. Hoy en día aparecen en los envases, tarjetas de visita, carteles, facturas, anuncios televisivos y insignias de conferencias. Generar uno toma segundos, sin embargo, un sorprendente número de códigos impresos no se pueden escanear: demasiado pequeño, bajo contraste, márgenes faltantes o que apuntan a una URL que ya no existe. Esta guía cubre lo que realmente determina si un código QR funciona, y cómo diseñar y probar códigos que escanean la primera vez.

Cómo un código QR almacena datos

Un código QR es una red de cuadrados oscuros y claros llamados módulos. Tres grandes patrones de localizadores en las esquinas permiten a una cámara localizar el código y determinar su orientación. Los patrones de alineación más pequeños corrigen la distorsión de perspectiva, y los patrones de tiempo ayudan al decodificador a determinar el tamaño de la cuadrícula. El resto del área contiene sus datos más información de corrección de errores.

Los códigos vienen en 40 versiones, desde módulos de 21 × 21 (versión 1) hasta 177 × 177 (versión 40). El generador elige la versión más pequeña que se ajusta a su contenido en el nivel de corrección de errores elegido. Más datos significa más módulos, y más módulos significa que cada uno es más pequeño en un tamaño de impresión dado que es la raíz de la mayoría de los problemas de escaneo.

Mantenga el contenido corto

La mejoría más efectiva es codificar menos datos:

• Una URL de 25 caracteres encaja en un código de la versión 2 (25 × 25 módulos).
• Una URL de 120 caracteres con parámetros de seguimiento necesita la versión 6 o 7 (41 × 41 o 45 × 45 módulos).

Con el mismo tamaño impreso, los módulos del código más corto son casi el doble de grandes, por lo que escanea desde el doble de distancia y tolera el desenfoque, el deslumbramiento y las cámaras de teléfonos baratos mucho mejor. Utilice un dominio o una ruta corta, elimine parámetros de consulta innecesarios y evite codificar texto largo cuando un enlace lo haría.

Tamaño y distancia de exploración

Una regla general práctica es que la anchura del código debe ser al menos una décima parte de la distancia de escaneo:

Distancia de exploración	Ancho mínimo del código
25 cm (mesa, tarjeta de visita)	2 cm y medio
1 m (plataforma a distancia del brazo)	10 cm y más
3 m (poster de pared)	30 cm de largo
10 m (tablero publicitario)	1 m

Para los códigos densos, añadir 2050% a estas cifras. Nunca imprima un código QR más pequeño que unos 2 × 2 cm.

La zona tranquila

La especificación QR requiere un margen en blanco de cuatro módulos alrededor del código. Los escáneres usan este borde vacío para encontrar los bordes. Los diseñadores a menudo recortan el código para ahorrar espacio o colocarlo en un fondo ocupado, y la confiabilidad del escaneo disminuye drásticamente. Mantenga al menos cuatro módulos de fondo plano en cada lado; en un generador de código QR, esta es la configuración Margen.

Contraste y color

Los escáneres convierten la imagen en escala de grises y buscan diferencias de luminosidad. Eso nos lleva a algunas reglas:

• ** Oscuro sobre la luz.* * Negro sobre blanco es ideal. Los colores de marca azul oscuro, verde oscuro o oscuro sobre fondo blanco o pálido funcionan bien.
• Evitar los primeros planos con luz. Los colores amarillo, gris claro, pastel y neón a menudo carecen de suficiente contraste.
• ** Evite los códigos invertidos** (módulos de luz sobre fondo oscuro) a menos que los haya probado; algunas aplicaciones de escáneres no los admiten.
• No hay gradientes o imágenes detrás del código. Si el código debe estar en una foto, póngalo en un panel blanco sólido con una zona tranquila.
• Mira el medio. Los acabados brillantes causan deslumbramiento bajo las luces de las tiendas; el mate es más seguro. Las pegatinas transparentes toman el color de lo que sea que estén pegadas.

Niveles de corrección de errores

Los códigos QR utilizan la corrección de errores ReedSolomon, por lo que un código parcialmente dañado u oscurecido todavía se puede leer:

El nivel	Daños recuperables	Cuándo utilizar
L	alrededor del 7%	Pantallas, ambientes limpios, maximizar la capacidad
M	alrededor del 15%	Impresión por defecto
Q	alrededor del 25%	En exteriores, industriales, con probabilidad de arrugas
H	alrededor del 30%	Logotipo en el centro, ambientes hostiles

Los niveles más altos añaden redundancia, lo que aumenta el número de módulos. No elija la H por defecto; elija sólo cuando necesite la flexibilidad, como al colocar un logotipo sobre el centro.

Añadir un logotipo

Un logotipo puede hacer que un código sea reconocible, pero oculta los módulos. Para hacerlo de forma segura:

1. Utilice el nivel de corrección de errores H.
2. Mantenga el logotipo debajo del 20% del área del código y centrado.
3. Nunca cubra los tres patrones de localización o la zona tranquila.
4. Dar al logotipo un fondo sólido para que no se mezcle con los módulos circundantes.
5. Prueba con varios teléfonos, incluidos los modelos más antiguos y económicos.

Códigos QR estáticos versus dinámicos

Un código estático contiene el contenido final directamente. Funciona para siempre, no necesita mantenimiento y no implica rastreo. La compensación: una vez impreso, el contenido no puede cambiar.

Un código dinámico contiene una URL de redirección corta operada por un servicio QR, que redirige a su destino y registra los escaneos. Puedes cambiar el destino más tarde y ver los análisis. Los riesgos: si el servicio se cierra, cambia de precio o su suscripción caduca, cada código impreso se rompe y algunos servicios gratuitos han insertado anuncios o páginas intersticiales.

Un buen punto medio: genera un código estático que apunte a una URL corta en ** tu propio dominio **, como example.com/menu, y configura redirecciones en tu servidor. Usted mantiene el control, puede cambiar el destino y puede medir las visitas con su análisis existente todo sin depender de un tercero.

Tipos de contenido más allá de las URL

Los códigos QR pueden codificar contenido estructurado que los teléfonos entienden de forma nativa:

• ** Wi-Fi: ** WIFI:T:WPA;S:CafeGuest;P:coffee2026;; permite a los invitados unirse sin escribir la contraseña.
• ** Tarjetas de contacto:** una vCard (BEGIN:VCARD ... END:VCARD) guarda nombre, teléfono y correo electrónico en un solo toque.
• ** Correo electrónico y SMS:** mailto:hello@example.com?subject=Hi o SMSTO:+15551234567:Hello.
• ** Eventos de calendario:** un bloque de iCalendar VEVENT añade un evento.
• ** Ubicaciones geográficas: ** geo:52.52,13.405 abre un mapa.

Cada campo adicional aumenta el tamaño de los datos, así que mantenga las tarjetas de contacto concisas.

Seguridad y confianza

Los códigos QR son opacos para los humanos, que los atacantes explotan el llamado "quishing". Las pegatinas falsas en los parquímetros y las mesas de los restaurantes han redirigido a la gente a páginas de pago de phishing. Para mantener la confianza:

• Use un dominio reconocible en HTTPS, para que la vista previa del teléfono muestre una URL en la que la gente confíe.
• Imprima la URL corta como texto junto al código, para que la gente pueda verificarlo o escribirlo manualmente.
• Para las colocaciones públicas, use materiales que no puedan ser manipulados y revíselos periódicamente.
• Evite los acortadores de URL que ocultan el dominio de destino.

Lista de verificación de las pruebas

Antes de enviar cualquier cosa para imprimir:

1. Escanear con al menos dos teléfonos y dos aplicaciones, incluyendo la cámara incorporada en iOS y Android.
2. Prueba al tamaño real: imprima una prueba, no solo escanea desde el monitor.
3. Prueba a la distancia prevista y con la iluminación prevista.
4. Confirma que el destino funciona en el móvil, se carga rápidamente y utiliza HTTPS.
5. Compruebe si la zona tranquila sobrevive al diseño final y al recorte.
6. Exportar como SVG o PNG de alta resolución; evitar JPEG, cuya compresión difumina los bordes del módulo. Si necesita un archivo pequeño para la web, vea cómo comprimir imágenes pero mantenga los códigos QR en formatos sin pérdidas.

Códigos QR frente a códigos de barras

Los códigos QR contienen muchos más datos y pueden escanearse desde cualquier ángulo, por lo que son adecuados para URL y pagos. Los códigos de barras lineales siguen siendo el estándar para el pago al por menor y la logística porque los escáneres y las cadenas de suministro existentes dependen de ellos. Para un recorrido por las simbologías lineales y 2D, vea [tipos de código de barras explicados] ((/blog/tipos de código de barras explicados).

Resumen

Codifique lo menos posible, imprima lo suficientemente grande como para la distancia de escaneo, mantenga una zona tranquila de cuatro módulos, use colores oscuros en la luz con un fuerte contraste, elija la corrección de errores deliberadamente, prefiera códigos estáticos que apuntan a su propio dominio y pruebe impresiones reales en teléfonos reales. Sigue estas prácticas y tus códigos funcionarán para todos, siempre.