Generador de código QR con UTM, para descargar en SVG y PNG
Convierte un enlace en código QR para impresos, empaques y vitrinas, con UTM para medir las visitas y contraste verificado para que se lea bien.
Tus datos no salen de tu navegador
Generador de código QR con UTM
Tu código QR
Versión 5, imagen de 495 × 495 px, contraste 21.0:1.
https://tienda.com/carta?utm_source=mesa&utm_medium=qr&utm_campaign=carta-2026
Cómo generar un código QR con UTM
El código QR es el puente entre lo impreso y la pantalla: carteles, empaques, cartas, vitrinas y tarjetas de visita se convierten en un enlace a un toque de distancia. El problema es que, sin UTM, cada visita que viene del código aparece en la analítica como tráfico directo, y no sabes qué pieza funcionó.
Este generador crea el código en tu navegador, con UTM opcional en el enlace, elección del nivel de corrección de errores, tamaño y margen, y verifica el contraste antes de permitir la descarga. El código es estático: el enlace queda grabado en el dibujo y no se puede cambiar después, así que revísalo antes de imprimir.
- Pega el enlace de destino. Usa la página final, con https://. Cuanto más corta la dirección, más simple y fácil de leer queda el dibujo.
- Activa la UTM para medir. Completa origen, medio y campaña. Para material impreso, un patrón común es el nombre de la pieza como origen (flyer, empaque), qr como medio y la acción como campaña.
- Ajusta corrección de errores, tamaño y margen. Para impresión, usa nivel M o Q y un margen de al menos 4 módulos. Sube la corrección si el código sufrirá desgaste o llevará un logo encima.
- Revisa los avisos y descarga. Elige SVG para imprenta y cualquier tamaño, o PNG para web y documentos. Pruébalo con el móvil antes de mandarlo a imprimir.
Todo se calcula aquí, en tu navegador. Nada de lo que escribes se envía a ningún servidor y no usamos cookies de terceros.
Qué cambia cada opción
La corrección de errores, definida por la norma ISO/IEC 18004, permite leer el código aunque parte esté sucia o tapada: L recupera hasta el 7% de los datos, M hasta el 15%, Q hasta el 25% y H hasta el 30%. Niveles más altos vuelven el dibujo más denso, con módulos más pequeños.
El margen (zona de silencio) es el espacio vacío alrededor del código. La norma pide al menos 4 módulos; por debajo, muchos lectores fallan. El tamaño en píxeles se ajusta a un múltiplo entero del módulo para que los bordes queden nítidos.
El contraste entre módulos y fondo debe ser de al menos 4:1 (razón de contraste WCAG). Módulos oscuros sobre fondo claro es el estándar universal; el invertido (claro sobre oscuro) lo rechazan algunos lectores, por eso la herramienta avisa.
- Corrección de errores
L 7% · M 15% · Q 25% · H 30% de los datos recuperables - Margen mínimo
4 módulos de zona de silencio - Contraste mínimo
(L1 + 0,05) ÷ (L2 + 0,05) ≥ 4, con L = luminancia relativa - Tamaño de la imagen
píxeles enteros por módulo × (módulos + 2 × margen)
Ejemplos
Carta en la mesa del restaurante
Enlace de la página de la carta con UTM de origen mesa, medio qr y campaña carta-2026. Nivel M, margen 4, negro sobre blanco, descargado en SVG para la imprenta.
Empaque pequeño con logo
Usa nivel H, que tolera hasta un 30% de datos tapados, y deja que el logo ocupe solo un área pequeña en el centro. Prueba la lectura con más de un móvil antes de imprimir.
Marca sobre fondo oscuro
Un azul oscuro (#102a43) sobre blanco tiene contraste de sobra. En cambio, gris claro sobre blanco se rechaza con el aviso de contraste bajo, porque el código no se leería bien.
Preguntas frecuentes
¿Cómo generar un código QR con UTM?
Pega el enlace, activa la UTM y completa origen, medio y campaña. El código pasa a abrir el enlace ya con los parámetros, y la visita aparece en tu analítica atribuida a la campaña en lugar de tráfico directo.
¿El código QR generado caduca o cuenta escaneos?
No caduca, porque el enlace está grabado en el propio dibujo. Pero tampoco cuenta lecturas: la medición viene de la UTM en tu analítica. Para cambiar el destino después, necesitarías una redirección en tu propio dominio.
¿Qué nivel de corrección de errores debo usar?
Para la mayoría de los casos, M (15%). Usa Q o H si el código estará en una superficie que se desgasta, llevará un logo encima o se imprimirá muy pequeño. A mayor corrección, más denso el código.
¿Cuál es el tamaño mínimo para imprimir?
Como regla práctica, la distancia de lectura llega a unas 10 veces el lado del código, así que un código de 2 cm se lee bien a unos 20 cm. Los enlaces largos generan dibujos densos y piden más tamaño.
¿SVG o PNG: cuál descargar?
SVG es vectorial y se ve nítido en cualquier tamaño, ideal para imprenta. PNG es una imagen fija, práctica para web, correo y documentos. La herramienta genera el PNG en múltiplos enteros del módulo para que no se desenfoque.
¿Puedo usar colores o logo en el código QR?
Puedes cambiar los colores siempre que el contraste sea de al menos 4:1 con módulos más oscuros que el fondo. Para un logo, usa corrección Q o H, mantenlo pequeño y prueba la lectura.
¿El enlace que escribo se envía a algún servidor?
No. El código se genera en tu navegador con una biblioteca de código abierto (uqr, licencia MIT), sin peticiones de red y sin guardar nada.
Herramientas relacionadas
Generador de enlace de WhatsApp
Arma el enlace que abre un chat de WhatsApp con el mensaje ya escrito, el número verificado y el texto codificado de la forma correcta.
Generador de enlace de WhatsAppGenerador de UTM
Arma enlaces de campaña siempre con el mismo patrón y genera cientos a la vez pegando una lista o un CSV.
Generador de UTMInspector de URL
Pega cualquier enlace de campaña y mira sus parámetros, los errores de UTM y los identificadores de clic de cada plataforma.
Inspector de URL