El código QR no es solo cuadrados blancos y negros
Mucha gente cree que un código QR es simplemente un patrón hecho de cuadrados blancos y negros, pero en realidad los códigos QR soportan ricas opciones de personalización. Puedes cambiar colores, incrustar logos, ajustar el tamaño y añadir márgenes para que el código QR sea tanto funcional como atractivo.
Nivel de corrección de errores: la base de la personalización
El nivel de corrección de errores es el parámetro más importante de la personalización del código QR; determina si el código QR puede seguir escaneándose después de ser ocultado o dañado.
Cuatro niveles
- L (bajo): aproximadamente 7% de redundancia, corrección mínima, patrón más simple
- M (medio): aproximadamente 15% de redundancia, nivel por defecto habitual
- Q (alto): aproximadamente 25% de redundancia
- H (alto): aproximadamente 30% de redundancia, corrección máxima, adecuado para incrustar logos
Por qué usar H para incrustar logos
El logo cubre la zona central del código QR. Si el nivel de corrección de errores es bajo, no se podrá escanear tras la ocultación. El nivel H tiene un 30% de redundancia, lo que significa que el 30% del patrón puede estar dañado y aún ser reconocible, haciendo más segura la inserción de logos.
Recomendación: para insertar logos usa siempre el nivel H, y el área del logo no debe superar el 20% del código QR.
Personalización de color
Color de primer plano y de fondo
- Color de primer plano: color de los cuadrados, por defecto negro
- Color de fondo: color de fondo, por defecto blanco
Requisitos de contraste de color
El escáner identifica los cuadrados por contraste. El color de primer plano y el de fondo deben tener contraste suficiente:
- Primer plano oscuro + fondo claro: seguro
- Primer plano claro + fondo oscuro: posible, pero algunos escáneres antiguos no soportan inversión
- Contraste insuficiente entre primer plano y fondo: no se puede escanear
Recomendación: usa colores oscuros para el primer plano (negro, azul oscuro, verde oscuro, morado oscuro) y colores claros para el fondo (blanco, amarillo claro, gris claro). La diferencia de luminosidad debe ser de al menos 50%.
Combinaciones de color a evitar
- Primer plano rojo + fondo verde: difícil de reconocer para usuarios daltónicos y algunos escáneres
- Dos colores oscuros: contraste insuficiente
- Dos colores claros: contraste insuficiente
- Degradados: el escáner puede fallar en el reconocimiento
Inserción de logo
Por qué insertar un logo
Insertar un logo refuerza el reconocimiento de marca. El usuario que escanea ve el logo y sabe que es un código QR oficial, lo que aumenta la confianza.
Tamaño del logo
Un logo demasiado grande cubre demasiados datos; demasiado pequeño no se ve claramente. Se recomienda que el logo ocupe el 10%-15% del área del código QR, sin superar el 20%.
Forma del logo
- Cuadrado: el más común, unificado con el estilo del código QR
- Circular: visualmente suave, pero el área cubierta es irregular
- Con borde blanco: añadir un borde blanco alrededor del logo para evitar que el color del logo se confunda con los cuadrados
Posición del logo
Lo más común es colocar el logo en el centro. Las tres esquinas del código QR tienen patrones de posición (cuadrados grandes); el logo no debe cubrir estas tres esquinas, por lo que el centro es la posición más segura.
Tamaño y margen
Tamaño
El tamaño del código QR se expresa en píxeles. Si es demasiado pequeño no se puede escanear; si es demasiado grande, desperdicia espacio.
- Tamaño mínimo: se recomienda al menos 100×100 píxeles
- Tamaño de impresión: se recomienda al menos 2cm×2cm
- Pantalla: ajustar según el tamaño del contenedor
Margen (zona de silencio)
El código QR necesita un margen alrededor, llamado zona de silencio. El escáner usa la zona de silencio para distinguir el código QR del contenido circundante.
- Requisito estándar: al menos 4 módulos de ancho de margen
- Módulo: la longitud del lado del cuadrado más pequeño del código QR
- Demasiado pequeño: el escáner puede no reconocer el borde
- Recomendación: dejar un margen de 4-8 módulos; en casos de impresión, más
Cantidad de datos y versión
Versión del código QR
Hay 40 versiones de códigos QR; a mayor versión, más datos puede almacenar:
- Versión 1: 21×21 módulos, almacena unas 25 letras
- Versión 40: 177×177 módulos, almacena unas 1850 letras
- A mayor versión, los cuadrados son más densos y más difíciles de escanear
Recomendación de cantidad de datos
- URL: normalmente la versión 3-5 es suficiente
- Texto: controlar en menos de 100 caracteres
- Demasiados datos: el código QR es demasiado denso, el escaneo es lento o falla
Recomendación: cuanto más corta la URL, mejor; para URLs largas, usa un servicio de acortamiento de URLs antes de generar el código QR.
Personalizar códigos QR con DocsAll
El generador de códigos QR soporta personalización completa:
- Introducir el contenido (URL, texto, información de contacto, etc.)
- Elegir el nivel de corrección de errores (H para logos)
- Configurar el color de primer plano y de fondo
- Subir un logo (opcional)
- Ajustar el tamaño y el margen
- Generar y descargar PNG
Se genera en el navegador, el contenido no se sube al servidor.
Preguntas frecuentes
No se escanea tras insertar un logo
- No se ha elegido el nivel de corrección H
- El logo es demasiado grande, supera el 20%
- Contraste insuficiente entre el color del logo y los cuadrados
No se escanea tras cambiar el color
- Contraste insuficiente entre primer plano y fondo
- Se usó rojo o verde (algunos escáneres no lo reconocen)
- Degradados
Impresión borrosa
- Tamaño demasiado pequeño, se recomienda al menos 2cm
- El formato vectorial (SVG) es más nítido para impresión
- Margen insuficiente
Resumen
Tres aspectos clave de la personalización de códigos QR: nivel de corrección de errores (H para logos), contraste de color (primer plano oscuro y fondo claro), tamaño del logo (no más del 20%). Dominando estos tres puntos, el código QR generado será tanto bonito como fácil de escanear. El generador de códigos QR de DocsAll se ejecuta en el navegador, los datos no se transmiten al exterior.