Generador de códigos QR
Crea un código QR a partir de un enlace o un texto y descárgalo como PNG, hecho en tu navegador.
Cómo usar el generador de códigos QR
Funciones principales del generador de códigos QR
El símbolo lo construye la biblioteca qrcode-generator y se pinta en un lienzo de tu navegador. El texto que escribes no se envía a ningún servidor ni servicio web.
La biblioteca elige la versión de QR más pequeña que contiene tu texto, con un nivel de corrección de errores M (alrededor del 15% del símbolo puede dañarse y aun así escanearse). Si el texto es demasiado largo para M, recurre al nivel L, y más allá de eso obtienes un mensaje que pide un texto más corto.
Cada módulo se dibuja con un número entero de píxeles, con una zona de silencio blanca de cuatro módulos alrededor del código, para que el PNG se mantenga nítido y se pueda escanear. Por ese redondeo, el tamaño final puede diferir de la resolución que elegiste hasta en unos 85 px en textos largos; la línea bajo la vista previa muestra el tamaño exacto antes de guardar.
Acerca del generador de códigos QR
Código QR codifica lo que escribes como UTF-8 con la biblioteca qrcode-generator, así que los caracteres acentuados y los símbolos se conservan, y después dibuja los módulos en blanco y negro en un lienzo y lo exporta como PNG. No se sube nada; la página trabaja con tu texto en memoria y te entrega la imagen terminada.
Es útil para poner un enlace en un folleto impreso, añadir una tarjeta de contacto o una cadena Wi-Fi como texto a un cartel, o compartir una URL en una diapositiva. La salida es solo en blanco y negro, sin opción de logotipo, color o SVG, y un texto largo no cabrá en ninguna versión de QR.
Cuándo usar el generador de códigos QR
Un enlace que tiene que ir en un PDF impreso, como la página de inscripción de un programa de evento o un formulario de opinión en una factura: genera aquí el PNG y colócalo en la página con Añadir imagen a PDF, que acepta archivos PNG. Elige Calidad de impresión (800 px) para que el código se vea nítido en papel.
Una URL para una tarjeta de visita o una etiqueta identificativa necesita mucho menos. Estándar (300 px) se ajusta al espacio pequeño, y a 300 puntos por pulgada se imprime en un cuadrado de una pulgada.
Una URL larga llena de parámetros de seguimiento genera un código denso: más caracteres significan más módulos, y con un tamaño en píxeles fijo cada módulo recibe menos píxeles, lo que hace que la cámara de un teléfono lo lea peor a distancia. Vigila el número de módulos bajo la vista previa en directo; si aumenta, acorta la URL o sube de tamaño.
El texto plano funciona igual: un número de serie, una referencia de reserva o una cadena Wi-Fi, y quien lo escanee obtiene el texto para copiarlo. Para un código que tenga que ir en un póster hecho a partir de una imagen, guarda el PNG y crea la página con PNG a PDF.
Consejos y solución de problemas
- Generar código QR aparece en gris mientras el campo de texto está vacío (la vista previa muestra «Escribe algo para ver el código») y mientras el texto es demasiado largo para codificarlo, caso en el que la vista previa se pone roja y muestra el motivo.
- La línea debajo de la vista previa, por ejemplo «25 x 25 módulos, 495 x 495 px al guardar», indica la densidad del símbolo y el tamaño exacto del PNG antes de hacer clic: 25 módulos más una zona de silencio de 4 módulos a cada lado son 33, y Alta resolución da 15 px por módulo, o 495 px.
- Los espacios al principio y al final del texto se eliminan antes de codificar. El texto se codifica como UTF-8, así que un carácter acentuado o un símbolo ocupa más de un byte y el límite se alcanza antes que con letras y números normales.
- El archivo siempre se llama qrcode.png. Procesar otro archivo te devuelve al formulario con tu texto y tamaño todavía puestos, así que cambia una cosa y genera de nuevo; cambia el nombre de las descargas si haces varias.
- El borde blanco del PNG es la zona de silencio que exige el estándar QR, cuatro módulos en cada lado. No lo recortes cuando coloques el código en una página, y deja un fondo liso alrededor.
- «El codificador QR no se cargó» significa que la biblioteca qrcode-generator no se pudo obtener desde la CDN. Comprueba tu conexión y recarga la página; una vez cargada, generar el código no necesita ninguna conexión.
Cómo funciona el generador de códigos QR en tu navegador
La página carga una sola biblioteca, qrcode-generator, desde cdnjs. Mientras escribes, un temporizador de 120 milisegundos espera a que hagas una pausa, y entonces el texto se convierte en bytes UTF-8 y se pasa al codificador con el tipo 0, es decir, la versión de símbolo más pequeña que cabe, con el nivel de corrección de errores M. Si los datos no caben con M, la herramienta lo intenta una vez más con el nivel L antes de rendirse con el mensaje de texto demasiado largo. La herramienta toma el número de módulos del resultado, añade cuatro a cada lado para la zona de silencio, divide el tamaño elegido entre ese total y redondea para obtener los píxeles por módulo, y después rellena un lienzo en blanco y pinta un cuadrado negro por cada módulo oscuro. El lienzo de vista previa se dibuja al tamaño completo de salida y se escala a 220 px mediante CSS, así que es la misma imagen que vas a descargar.
Generar código QR repite la codificación en un lienzo nuevo y llama a canvas.toBlob para producir un PNG. El Blob se muestra en la tarjeta de resultado mediante una URL de objeto y se ofrece con Descargar archivo. El texto, la cuadrícula y el PNG existen solo en esta pestaña; no se hace ninguna solicitud con tu texto, y recargar la página lo borra todo.
Preguntas frecuentes
¿Se envía a algún sitio el texto que introduzco?
No. El código lo genera una biblioteca de JavaScript en tu navegador y se dibuja en un lienzo. No se hace ninguna solicitud que lleve tu texto a ningún servidor.
¿Qué tamaño tiene el PNG?
Eliges 300, 500 u 800 px. La herramienta redondea a un número entero de píxeles por módulo para que el código se mantenga nítido, así que, cuando el texto es largo, el tamaño guardado puede ser hasta unos 85 px mayor o menor que la opción que elegiste (370 px para Estándar, por ejemplo). La línea bajo la vista previa y el mensaje de resultado muestran el tamaño exacto.
¿Por qué dice que mi texto es demasiado largo?
Un código QR contiene una cantidad limitada de datos, y el límite es menor cuanto mayor es la corrección de errores. La herramienta prueba primero el nivel M y después el nivel L; si el texto sigue sin caber, acorta la URL o el texto e inténtalo de nuevo.
¿Puedo crear un código QR para una red Wi-Fi o una tarjeta de contacto?
Sí, si ya tienes el texto en el formato que esperan las cámaras de los teléfonos, como una cadena WIFI: o una vCard. La herramienta codifica exactamente lo que pegas; no construye esos formatos por ti, así que revisa el texto antes de imprimirlo.
¿Por qué mi código es difícil de escanear?
Normalmente porque es denso o se imprime pequeño. Cada carácter adicional añade módulos, y con el mismo tamaño en píxeles cada módulo recibe menos píxeles. Acorta el texto, elige una resolución mayor, conserva el borde blanco e imprímelo en blanco y negro.
¿Caduca el código o deja de funcionar?
No. El PNG es una codificación directa de tu texto sin ningún servicio de redirección de por medio, así que este sitio no interviene en nada cuando alguien lo escanea. Un código que contiene una URL funciona mientras esa URL siga funcionando.
Última revisión: