Flujo
Preparar y probar un código QR para un folleto impreso
Pon una dirección HTTPS estable en un código QR listo para imprimir y decodifica el PNG y el SVG antes de imprimir el folleto.
Objetivo
Generar un código QR que abre la página de contacto de Kitly y confirmar que los archivos descargados contienen esa dirección antes de imprimir.
Esta página es HTML estático. El Generador de Códigos QR necesita JavaScript porque dibuja el código en el navegador. Puedes leer los ajustes, la dirección y los límites con JavaScript desactivado. El generador no envía el contenido.
Entradas
El contenido es https://kitlyapp.com/en/contact/, con 32 caracteres, incluida la barra final. Los archivos de abajo se generaron con qrcode 1.5.4, la misma biblioteca y las mismas opciones que usa la herramienta: corrección Q, margen 4, 320 px, frente #171313ff y fondo #ffffffff.
Decisiones
Codificar la página final, no un enlace corto
El folleto debe seguir abriendo la página de contacto sin un registro en el servidor. Un código QR estático no cambia después de imprimirse. Esta guía no crea un enlace corto.
Cambiar solo la corrección de errores
El generador empieza en https://kitlyapp.com/, 320 px, margen 4, corrección Media y los colores #171313 y #ffffff. Para este folleto, sustituye la dirección y cambia la corrección a Cuartil. Deja tamaño, margen y colores como están.
Crear un enlace corto solo en otra visita, y a mano
Si más tarde el código debe contener una dirección kitlyapp.com/s/, créala en el Acortador de URL, copia el HTTPS resultante y pégalo en el campo del código QR. Las dos herramientas no pasan la dirección. La página del acortador no edita ni caduca el enlace.
Secuencia verificada
No imprimas el valor inicial del campo. Si sigue siendo https://kitlyapp.com/, el código abre la página de inicio, no el contacto.
- Abre el Generador de Códigos QR. Sustituye el texto por https://kitlyapp.com/en/contact/. El resumen debe mostrar 32 caracteres.
- Deja el tamaño en 320 px y el margen en 4 zona quieta. Cambia la corrección de errores de Media a Cuartil. Deja el frente en #171313 y el fondo en #ffffff.
- Descarga el PNG y el SVG. La herramienta nombra los archivos kitly-qr-code.png y kitly-qr-code.svg. Las copias de esta página usan nombres descriptivos y se generaron con las mismas opciones.
- Antes de imprimir, decodifica los dos archivos. En esta comprobación, el BarcodeDetector de Chrome leyó la dirección de contacto en el PNG y en el SVG rasterizado a 320×320.
- Imprime una prueba y escanéala con un teléfono. La decodificación de esta guía fue en pantalla, no en papel.
- No crees un enlace corto para repetir este ejemplo. El Acortador de URL queda fuera del resultado medido.
Resultado observado
Generado con qrcode 1.5.4 mediante las mismas llamadas de la herramienta, toDataURL para el PNG y toString para el SVG. Decodificado en Headless Chrome 154.0.8037.99 con BarcodeDetector. No se guardó ningún enlace corto.
Contenido decodificado
https://kitlyapp.com/en/contact/| Dirección | https://kitlyapp.com/en/contact/ — 32 caracteres, con la barra final. |
|---|---|
| Ajustes | 320 px, margen 4, corrección Q (Cuartil), frente #171313, fondo #ffffff. La biblioteca recibe #171313ff y #ffffffff. |
| PNG | 320×320, 2267 bytes, mostrado como 2.2 KB, image/png. El BarcodeDetector leyó la dirección de contacto. |
| SVG | 320×320, 1643 bytes, mostrado como 1.6 KB. Rasterizado a 320×320, el BarcodeDetector leyó la misma dirección. |
| Contraste claro, no publicado | Un PNG aparte con frente #f2f3f4 sobre #ffffff también lo decodificó el mismo detector. No está en esta página, porque un acierto en pantalla no recomienda ese color para imprimir. |
Límites
- La decodificación en pantalla no prueba que la página impresa se vaya a escanear. Imprime una prueba.
- La prueba con frente #f2f3f4 también se decodificó en pantalla. Usa el frente oscuro #171313 de esta guía.
- El contenido es estático. Si la dirección cambia, imprime de nuevo. El código QR no consulta un destino editable.
- El acortador acepta slugs opcionales de 3 a 64 letras minúsculas, números y guiones, rechaza destinos locales o privados y aplica 10 solicitudes por minuto y 60 por hora. No hay edición, caducidad ni eliminación en la interfaz.
- Esta guía no creó un enlace de producción. Un campo vacío borra el código QR. Esta dirección de 32 caracteres se generó sin error.
Herramientas en este idioma
Abre cada herramienta en este mismo idioma. La dirección no pasa de una a la otra.
- Generador de Códigos QR Dibuja el PNG y el SVG locales para la dirección de contacto con los ajustes de impresión de arriba.
- Acortador de URL Fuera de este resultado. Úsalo solo si el código impreso debe contener una dirección /s/, y pega esa dirección en el generador tú mismo.