Reglas de Diseño para Códigos QR: Checklist 2026

La mayoría de artículos sobre diseño de códigos QR te dicen que lo hagas "suficientemente grande" y "con buen contraste". Ambos consejos son correctos. Ambos son inútiles sin números. Un módulo azul marino oscuro sobre gris medio parece de alto contraste a la vista — mide 1,8:1, lo que falla en el 40% de los dispositivos. "Suficientemente grande" no significa nada cuando escalas un diseño para una pegatina de 3 cm frente a un cartel de 1,5 metros.

Lo que importa de verdad: cada fallo de escaneo de un código QR tiene una causa medible. Zona silenciosa demasiado pequeña, contraste por debajo del umbral, módulos demasiado pequeños para la resolución de la cámara. Una vez que conoces los números exactos, la checklist se escribe sola.

Las reglas de diseño para códigos QR provienen de ISO/IEC 18004, el estándar internacional que define la simbología. Las cinco especificaciones no negociables son: zona silenciosa de 4 módulos, contraste mínimo de 3:1 (4,5:1 para fiabilidad), ratio tamaño-distancia de 10:1, cobertura máxima del logo del 20% con corrección de errores Nivel H, y módulos oscuros sobre fondo claro. Incumplir cualquiera de ellas provoca fallos en algunos dispositivos — incumplir dos provoca fallos en la mayoría.

La Zona Silenciosa: La Regla que Más Diseñadores Incumplen

La zona silenciosa es el margen en blanco alrededor del borde del código QR. ISO/IEC 18004 exige un mínimo de 4 módulos de espacio libre en los cuatro lados. Un módulo es la unidad cuadrada más pequeña del código — en un código QR Versión 1 (21x21 módulos), un módulo al tamaño mínimo de impresión mide unos 0,1 mm.

¿Por qué importa? Los escáneres detectan el límite del código buscando la transición entre la zona silenciosa y el patrón de búsqueda. Si acortas el margen, el escáner no identifica el límite o abandona. No muestra ningún error — la cámara del usuario simplemente no responde. En nuestra revisión de materiales impresos enviados a través de QR Nova, aproximadamente 1 de cada 8 tenía zonas silenciosas por debajo del mínimo de 4 módulos tras el recorte del sangrado de impresión.

Ratio de Contraste: Los Números Exactos que Determinan el Éxito del Escaneo

El mínimo ISO es 3:1. Superar ese umbral hace que el código sea técnicamente conforme a la especificación. Quedarte en 3:1 producirá fallos de escaneo en cualquier cámara que no tenga procesamiento HDR o que opere en condiciones de iluminación subóptimas. El umbral fiable es 4,5:1, que se alinea con las directrices de accesibilidad WCAG AA.

Ratios de contraste para combinaciones de color comunes que parecen funcionar pero a menudo no:

• Azul marino oscuro (#1a2a4a) sobre gris medio (#888888): 1,9:1 — falla en la mayoría de dispositivos
• Marrón oscuro (#4a2700) sobre beige (#f5e8d0): 3,2:1 — pasa el mínimo, falla con poca luz
• Verde bosque (#2d6a2d) sobre blanco (#ffffff): 5,1:1 — pasa de forma fiable
• Negro (#000000) sobre blanco (#ffffff): 21:1 — el ratio más alto posible, siempre funciona

El fallo contraintuitivo: los colores cálidos. Los módulos rojos (#cc0000) y naranjas (#ff6600) sobre blanco parecen de alto contraste visualmente — pero los sensores de cámara usan filtros Bayer que son menos sensibles a las longitudes de onda rojas. Un análisis de Hovercode de 2023 encontró que los códigos QR rojos fallan en el 15-20% de los dispositivos con ratios de contraste de 4:1 que pasarían con azul o negro.

Reglas de Tamaño: La Fórmula 10:1

La regla 10:1: un código QR debe tener al menos 1 cm de ancho por cada 10 cm de distancia de escaneo. Escanear desde 30 cm con el teléfono — el código necesita al menos 3 cm de ancho. Imprimir en una mesa de restaurante para escanear desde 25 cm — mínimo 2,5 cm. Cartel pensado para escanear desde 3 metros — mínimo 30 cm.

El suelo absoluto es 2 x 2 cm independientemente de la distancia. Por debajo de ese umbral, los módulos individuales se vuelven demasiado pequeños para que la mayoría de cámaras de móvil los resuelvan.

Niveles de Corrección de Errores

ISO/IEC 18004 define cuatro niveles de corrección de errores usando codificación Reed-Solomon:

• Nivel L (Bajo): recupera hasta el 7% de los codewords. Solo para entornos digitales controlados.
• Nivel M (Medio): recupera hasta el 15%. El valor predeterminado correcto para la mayoría de aplicaciones.
• Nivel Q (Cuartil): recupera hasta el 25%. Para señalización exterior, menús de restaurante, embalajes — todo lo que acumula desgaste.
• Nivel H (Alto): recupera hasta el 30%. Obligatorio cuando se añade un logo superpuesto.

Reglas del Logo: El Límite del 20% No Es Negociable

Las reglas estrictas para colocar un logo en un código QR:

• El logo no puede cubrir más del 20% del área total del código
• El logo debe estar centrado — los logos descentrados destruyen los patrones de temporización
• La corrección de errores debe estar en Nivel H
• El logo nunca debe tocar los tres patrones de búsqueda en las esquinas
• Añade 4-6 píxeles de padding blanco alrededor del logo

La Checklist Completa de Diseño para Código QR

Revisa esto antes de enviar cualquier código a impresión. Cada elemento es un fallo de escaneo documentado.

Zona silenciosa

• Al menos 4 módulos de espacio en blanco en los cuatro lados
• La zona silenciosa está incluida en el archivo exportado
• Ningún elemento de diseño se superpone a la zona silenciosa

Contraste

• Ratio de contraste de al menos 3:1 (mídelo, no lo estimes)
• Ratio de 4,5:1 o más para impresión exterior
• Sin degradados — solo colores sólidos en el área de módulos
• Sin módulos rojos ni naranjas
• Módulos oscuros sobre fondo claro (no invertido)

Tamaño

• Mínimo 2 x 2 cm independientemente de la distancia de escaneo
• Regla 10:1 aplicada para la distancia de escaneo esperada

Corrección de errores

• Nivel M o superior para todos los materiales impresos
• Nivel Q para señalización exterior
• Nivel H si hay algún logo presente

Logo (si aplica)

• Cubre el 20% o menos del área total del código
• Centrado matemáticamente
• No toca ninguno de los tres patrones de búsqueda
• Al menos 4-6 px de padding blanco alrededor

Formato de archivo

• SVG para producción impresa
• PNG a 300+ DPI para archivos raster
• Sin exportaciones JPG

Por Qué Estas Reglas Importan Más en Códigos Estáticos

Un código QR dinámico tiene una capa de redirección — si el código funciona físicamente pero el destino cambia, actualizas la redirección sin reimprimir. Un código QR estático codifica la URL de destino directamente en la imagen. Si el código impreso es demasiado pequeño, tiene bajo contraste, o tiene un logo demasiado grande, ese objeto físico está permanentemente roto. No hay solución del lado del servidor.

Por eso las reglas de diseño anteriores determinan si tu material impreso funcionará durante meses o años — o si cada copia que imprimiste es un fallo permanente esperando que alguien lo escanee. Genera tu código correctamente desde el inicio en QR Nova — la exportación incluye SVG, PNG y la zona silenciosa correcta por defecto.