Herramienta / Enlaces

Generador de Códigos QR

Usa el Generador de Códigos QR de Kitly para convertir enlaces, texto, contactos, notas de Wi-Fi y mensajes cortos en códigos QR descargables localmente en el navegador.

Vista previa del código QR
Ingresa texto o una URL para generar un código QR.

Cómo crear un código QR fiable

El código debe ser fácil de escanear con el tamaño, iluminación y material donde las personas realmente lo usarán.

  1. Introduce el contenido final

    Pega la URL o el texto exacto. Para enlaces, abre el destino por separado y comprueba escritura, HTTPS y funcionamiento móvil.

  2. Elige un diseño escaneable

    Mantén un contraste fuerte, conserva el margen de zona silenciosa y selecciona una corrección de errores adecuada.

  3. Descarga y prueba

    Guarda PNG para uso digital común o SVG para impresión escalable y escanea el archivo con más de un dispositivo antes de publicarlo.

Códigos QR para impresión y pantallas

  • Los módulos oscuros sobre fondo claro suelen funcionar mejor que combinaciones invertidas o de bajo contraste.
  • Un contenido largo crea un código más denso; elimina texto de seguimiento innecesario y deja suficiente tamaño físico.
  • Prueba a la distancia esperada y con la misma iluminación, brillo de pantalla o material de impresión del uso final.

Antes de publicar

  • El contenido codificado queda en la propia imagen; cualquiera que lo escanee puede leerlo.
  • Un QR estático no puede cambiar de destino después de descargarlo salvo que apunte a una redirección bajo tu control.
  • Recortes decorativos, deformación, baja resolución, reflejos y margen insuficiente pueden dificultar el escaneo.

Guía práctica

Usa los archivos de abajo para comparar una URL corta con una frase más larga y para ver qué ocurre sin zona silenciosa o con poco contraste antes de publicar. Las imágenes se generaron con qrcode 1.5.4, el mismo paquete y los mismos campos de opciones de esta página.

El generador necesita JavaScript para que el navegador construya el PNG y el SVG a partir del texto que escribes. Los ejemplos, las notas de ajustes y los límites de esta página siguen siendo legibles sin JavaScript.

Archivos QR comprobados

Cada archivo correcto se leyó con jsQR 1.4.0. Los SVG se rasterizaron a 640 px antes de esa lectura. Son resultados de software, no pruebas de cámara ni de impresión.

URL corta con un margen de cuatro módulos

Una URL HTTPS de 21 caracteres, con los ajustes iniciales de la página, produce un símbolo versión 2. El PNG y el SVG se leyeron de nuevo como esa URL.

Texto o URL

https://kitlyapp.com/
Ajustes
Tamaño 320 px
Margen 4 módulos
Corrección de errores M
Frente #171313
Fondo #ffffff

Contenido leído

https://kitlyapp.com/

Qué revisar

La imagen guarda esta URL y nada más. Hay 25 × 25 módulos (versión 2). El PNG pesa 1.976 bytes y el SVG pesa 1.246 bytes. Abrir el código lleva al lector a https://kitlyapp.com/ mientras esa dirección siga sirviendo la página esperada. No es un enlace corto de Kitly, así que no hay un segundo salto que se pueda redirigir después.

Advertencias

  • Una lectura por software no demuestra que el código se escanee en un cartel, una etiqueta brillante o una pantalla oscura.
  • Quien obtenga la imagen puede leer la URL.

Archivos del ejemplo

Frase más larga en el nivel Q

Una frase de 114 caracteres necesita un símbolo más denso. En el nivel Q es la versión 9, y ambos archivos se leyeron con la frase completa.

Texto o URL

Kitly QR example: Verify the destination, keep strong contrast, and test the final printed size before publishing.
Ajustes
Tamaño 640 px
Margen 4 módulos
Corrección de errores Q
Frente #171313
Fondo #ffffff

Contenido leído

Kitly QR example: Verify the destination, keep strong contrast, and test the final printed size before publishing.

Qué revisar

Este símbolo tiene 53 × 53 módulos. La misma frase en el nivel M es la versión 7, con 45 × 45 módulos, así que el nivel más alto añade densidad además del texto más largo. El PNG publicado pesa 7.161 bytes y el SVG pesa 4.610 bytes. Da más tamaño físico a un código denso al imprimirlo. El paquete qrcode describe el nivel Q como un 25 % aproximado de recuperación y el nivel M como un 15 % aproximado.

Advertencias

  • La alternativa de versión 7 y nivel M se midió y no se publicó como archivo.
  • La lectura usó el mismo decodificador y la misma rasterización del SVG a 640 px. No es una prueba de cámara.

Archivos del ejemplo

La misma URL corta sin zona silenciosa

El margen 0 también se leyó en esta comprobación, pero los módulos quedan en el borde del archivo. Es un compromiso de impresión, no un ajuste recomendado.

Texto o URL

https://kitlyapp.com/
Ajustes
Tamaño 320 px
Margen 0 módulos
Corrección de errores M
Frente #171313
Fondo #ffffff

Contenido leído

https://kitlyapp.com/

Qué revisar

jsQR leyó el PNG de 1.928 bytes y el SVG de 1.240 bytes. DENSO WAVE exige una zona silenciosa de cuatro módulos en cada lado de un símbolo impreso. Esta página permite de 0 a 8 módulos, así que 0 es un valor real del control. Funcionó aquí porque el fondo del archivo es blanco y no hay nada dibujado alrededor de los módulos. En una foto, una tarjeta oscura o un recorte ajustado, el margen ausente es un problema para el lector.

Advertencias

  • No tomes esta lectura correcta como permiso para imprimir con margen 0.
  • El margen inicial de la página es de 4 módulos, igual que la zona silenciosa de cuatro módulos que especifica DENSO WAVE.

Archivos del ejemplo

Poco contraste que este decodificador no pudo leer

La misma URL corta, el mismo margen y la misma corrección generaron archivos, pero jsQR no recuperó contenido cuando los módulos eran #c4c4c4 sobre blanco.

Texto o URL

https://kitlyapp.com/
Ajustes
Tamaño 320 px
Margen 4 módulos
Corrección de errores M
Frente #c4c4c4
Fondo #ffffff

Contenido leído

No se recuperó ningún contenido.

Qué revisar

El generador igual descarga estos archivos. El PNG pesa 1.901 bytes y el SVG pesa 1.246 bytes. El fallo es el par de colores: el primer ejemplo usa #171313 sobre #ffffff y se leyó. Los controles de color aceptan cualquier valor que ofrezca el navegador. No rechazan un frente pálido.

Advertencias

  • Otra cámara u otro decodificador podría leer este par, o fallar con un par que esta comprobación aceptó. Escanea el archivo que realmente vas a publicar.
  • Los módulos oscuros sobre fondo claro son la opción fiable para impresión y pantallas.

Archivos del ejemplo

El nivel H rechaza 1.274 letras a minúsculas

Un carácter por encima del máximo del modo byte en el nivel H nunca llega a ser una imagen.

Texto o URL

La letra a minúscula, repetida 1.274 veces. El archivo enlazado es exactamente esa entrada.
Ajustes
Corrección de errores H
Tamaño, margen y colores No se aplican. La generación falla antes.

Resultado observado

Biblioteca: The amount of data is too big to be stored in a QR Code. Página: No se pudo generar un código QR para este contenido.

Qué revisar

qrcode 1.5.4 aceptó 1.273 letras a minúsculas en el nivel H y rechazó 1.274. Coincide con el máximo publicado del modo byte: 1.273 caracteres en el nivel H. Las mayúsculas pueden usar un modo más compacto y superar los 1.274 caracteres, así que no es un límite universal. La página oculta la frase de la biblioteca y muestra un único error localizado para cualquier fallo de generación.

Advertencias

  • La excepción se observó con QRCode.toDataURL en Node, usando el qrcode 1.5.4 de este repositorio. El componente llama a ese método y convierte cualquier excepción en la frase de la página.
  • Acorta el contenido, o baja la corrección, cuando el texto sea datos y no reserva contra daños.

Archivos del ejemplo

Ajustes que esta página ofrece de verdad

Los controles son tamaño, margen, corrección de errores y dos colores. No hay superposición de logotipo, editor de forma de los puntos ni formulario aparte de Wi-Fi.

Tamaño, 160–1024 px

Úsalo cuando: Necesitas un PNG de mapa de bits con un ancho conocido. El control avanza de 32 en 32 px y empieza en 320.

Compromisos: Un PNG más grande pesa más. El SVG sigue nítido cuando el diseño lo amplía; el PNG no.

Margen, 0–8 módulos

Úsalo cuando: Usa 4 módulos para imprimir. Es el valor inicial de la página y la zona silenciosa de cuatro módulos que DENSO WAVE exige en cada lado.

Compromisos: 0 está permitido y este decodificador igual leyó una muestra de alto contraste, pero un recorte o un fondo con dibujo puede hacer fallar ese archivo. 8 añade espacio vacío.

Corrección de errores L, M, Q o H

Úsalo cuando: Empieza en M. Pasa a Q o H cuando la impresión pueda rayarse o taparse en parte. Usa L solo en una superficie limpia, cuando necesites el símbolo más pequeño.

Compromisos: El paquete documenta cerca de un 7 %, 15 %, 25 % y 30 % de recuperación para L, M, Q y H. Un nivel más alto hace que el mismo texto ocupe más módulos.

Colores de frente y de fondo

Úsalo cuando: Mantén los módulos oscuros y el fondo claro, como #171313 sobre #ffffff.

Compromisos: #c4c4c4 sobre #ffffff igual se descarga, y jsQR no pudo leer ese par. Los pares invertidos o pálidos no están bloqueados por el formulario.

URL final o redirección

Úsalo cuando: Codifica la URL HTTPS final cuando la dirección misma deba quedar en la imagen. Codifica una redirección solo cuando controlas esa redirección y puedes cambiar el destino después.

Compromisos: Un enlace corto de Kitly responde con 302, pero este sitio no ofrece edición ni caducidad. Desactivar un enlace corto de Kitly devuelve 410. No apunta la imagen antigua a una página nueva. Vuelve a imprimir el código QR para cambiar una URL final.

Cuando el código no se genera o no se lee

Problema: La vista previa queda vacía y las descargas siguen desactivadas.

Causa probable: El cuadro de texto está vacío o solo tiene espacios. La página recorta el texto y borra los dos archivos.

Qué hacer: Escribe la URL o la frase que quieres codificar. El estado vacío dice: Ingresa texto o una URL para generar un código QR.

Problema: La página dice que no pudo generar un código QR.

Causa probable: La biblioteca rechazó el contenido en el nivel de corrección elegido. Una cadena de 1.274 letras a minúsculas hace eso en el nivel H.

Qué hacer: Acorta el texto o elige L, M o Q. La página usa una sola frase para cualquier fallo: No se pudo generar un código QR para este contenido.

Problema: Un teléfono no lee un archivo que parece terminado.

Causa probable: La exportación puede estar demasiado clara, recortada, estirada, con reflejos o ser físicamente pequeña. El poco contraste falló en esta lectura de software incluso con un margen de 4 módulos.

Qué hacer: Exporta de nuevo con margen 4 y un frente oscuro sobre blanco, y escanea ese archivo al tamaño y con la luz reales antes de publicarlo.

Fuentes relevantes

Las cifras de zona silenciosa y de recuperación vienen del desarrollador de QR Code y de la biblioteca que ejecuta esta página.

Preguntas frecuentes

¿El generador de QR sube mi texto o URL?

No. La generación del código QR se ejecuta en tu navegador, así que el texto o la URL ingresada no se envía a servidores de Kitly.

¿Qué puedo poner dentro de un código QR?

Puedes codificar URLs, texto, contactos, cadenas de conexión Wi-Fi, enlaces de email, teléfonos y otros formatos cortos que los lectores QR entienden.

¿Debo descargar PNG o SVG?

Usa PNG para compartir rápido y para la mayoría de documentos. Usa SVG cuando necesites un código QR nítido y escalable para impresión, herramientas de diseño o piezas grandes.

¿Puedo cambiar adonde lleva un código QR impreso?

Solo si la imagen codifica una redirección que controlas y puedes actualizar. Un enlace corto de Kitly redirige con 302, pero Kitly no permite editarlo ni caducarlo. Desactivarlo hace que el visitante reciba una respuesta 410 en lugar de un destino nuevo. Para cambiar una URL final, crea otro código y sustituye la imagen impresa.

¿Qué opciones de QR admite esta página?

Tamaño de 160 a 1024 píxeles, en pasos de 32, margen de 0 a 8 módulos, corrección de errores L, M, Q o H, y un color de frente y otro de fondo. Las descargas son PNG y SVG de ese contenido estático.