Generador de códigos QR
Elige un tipo de contenido, rellena los datos y ajusta las formas de los módulos, los patrones de posición, los colores, el fondo, el logo y el nivel de corrección de errores. La vista previa se actualiza en vivo, el tamaño de exportación se define aparte y PNG, SVG, WebP y JPEG están a un clic. Todo se ejecuta dentro de tu pestaña del navegador, así que las contraseñas de Wi‑Fi, los datos de contacto y las URL con seguimiento nunca salen del dispositivo.
- Siete tipos de contenido, cada uno con las reglas de escape correctas: URL o texto plano, Wi‑Fi (especificación WIFI URI), correo (mailto con codificación porcentual según RFC 6068), teléfono (tel), SMS (sms) y vCard 3.0 (escape de campos según RFC 6350)
- Tres capas de estilo se ajustan de forma independiente: módulos de datos, patrones de posición y centros de los patrones, cada una con seis opciones de forma
- Color único o degradado de dos paradas, lineal o radial, en cualquier capa; además fondo transparente, sólido o con degradado, con presets de colores de marca o entrada directa en hexadecimal
- Logo centrado con tamaño y margen ajustables; la opción Ocultar puntos de fondo mantiene el QR escaneable cuando el logo se superpone a los módulos
- Corrección de errores L, M, Q y H, del 7 al 30 por ciento de redundancia, con Q o H recomendados siempre que haya un logo en el centro
- Vista previa en vivo a un tamaño de visualización fijo para comparar estilos de forma estable, mientras la resolución de exportación es un campo aparte de 50 a 1000 píxeles
- Generación solo local, sin subidas ni telemetría, segura para contraseñas de Wi‑Fi, datos de contacto vCard y URL de seguimiento de campañas
Los datos codificados en el código QR. Al escanearlo se leerá este contenido.
Solo afecta al archivo descargado. La vista previa se mantiene fija para comparar estilos con facilidad.
Resumen
Un generador de QR con las piezas que importan para publicar de verdad: escape correcto para cada tipo de contenido, diseño independiente de los tres elementos estructurales del QR y un flujo de vista previa y exportación estable.
- 01
Siete tipos de contenido con escape correcto
URL o texto plano, Wi‑Fi con la especificación WIFI URI y escape completo de barras invertidas, correo por mailto con asunto y cuerpo codificados en porcentaje, teléfono por tel, SMS por sms con cuerpo codificado, y vCard 3.0 con escape de campos según RFC 6350. Las contraseñas de Wi‑Fi que contienen puntos y comas o barras invertidas se escanean correctamente.
- 02
Tres capas de estilo independientes
Los módulos de datos, los tres patrones de posición de las esquinas que sirven para la orientación y el punto interior de cada patrón se pueden diseñar por separado. Elige entre seis formas por capa: cuadrado, redondeado, puntos, muy redondeado, elegante y elegante redondeado.
- 03
Color único o degradado de dos paradas por capa
Cada capa alterna entre un color hexadecimal plano y un degradado lineal o radial con dos paradas de color, rotación y posiciones de las paradas. Usa el mismo degradado en las tres capas para una imagen de marca unificada, o contrasta los patrones de posición frente a los módulos para un toque de diseño.
- 04
Fondo transparente, sólido o con degradado
Transparente por defecto para que el código encaje limpio en Figma, Canva, pósteres y presentaciones. Cambia a un color sólido cuando el destino necesite un fondo opaco, o a un degradado de dos paradas para pósteres y tarjetas sociales.
- 05
Presets de forma y de color
Nueve presets de forma y 31 presets de color (19 sólidos aptos para marca más 12 degradados con nombre) aplican las tres capas de estilo a la vez. Ajusta después si hace falta.
- 06
Logo centrado con superposición segura
Sube cualquier PNG, JPG o SVG y colócalo en el centro del QR. Ajusta el tamaño del logo del 0 al 50 por ciento del ancho del QR, define un margen de logo y activa Ocultar puntos de fondo para que los módulos bajo el logo se enmascaren de forma limpia y el QR siga siendo escaneable.
- 07
Corrección de errores L, M, Q y H
Referencia rápida: L es un 7 por ciento de redundancia, M un 15, Q un 25 y H un 30. Usa Q o H siempre que haya un logo, ya que los datos redundantes permiten que el QR sobreviva a la oclusión visual.
- 08
Vista previa estable y resolución de exportación aparte
La vista previa se renderiza a un tamaño de visualización fijo para comparar los ajustes de estilo con facilidad. La resolución de exportación es un campo aparte de 50 a 1000 píxeles, así puedes afinar los detalles de marca a un zoom y publicar a otro.
- 09
Exportación a PNG, SVG, WebP y JPEG
PNG para uso general, SVG para impresión y edición vectorial con escalado infinito, WebP para la web moderna con el menor tamaño de archivo, y JPEG solo para sistemas que exigen JPG, ya que pierde la transparencia.
- 10
Generación solo local
Basado en qr-code-styling, que se ejecuta por completo dentro de la pestaña del navegador. Las contraseñas de Wi‑Fi, los datos de contacto, las URL internas y los enlaces de seguimiento de campañas nunca tocan un servidor.
Cómo usarla
Seis pasos. La vista previa se reconstruye en vivo cada vez que cambias un control.
- 01
Elige un tipo de contenido (URL, texto, Wi‑Fi, correo, teléfono, SMS o vCard) y rellena los campos. La página construye por ti el payload subyacente de WIFI, mailto, tel, sms o vCard con el escape correcto.
- 02
En Ajustes básicos, define el tamaño de exportación en píxeles, el margen de la zona de silencio y el nivel de corrección de errores. Usa Q o H si piensas añadir un logo.
- 03
Aplica un preset de forma y uno de color para conseguir un QR con buen aspecto en un clic, y luego refina por separado las capas de módulos, patrones de posición y centros.
- 04
Cambia el fondo a sólido o degradado si el QR va sobre una superficie opaca, o déjalo transparente para los archivos de diseño.
- 05
Sube un logo centrado (PNG o SVG suele dar el mejor resultado), fija su tamaño en torno al 25‑35 por ciento del ancho del QR y mantén Ocultar puntos de fondo activado para que los módulos de datos bajo el logo se enmascaren de forma limpia.
- 06
Haz una prueba de escaneo de la vista previa con un móvil real y luego descarga en PNG, SVG, WebP o JPEG con el nombre de archivo que quieras.
Detalles
Las tres capas de estilo, el fondo y el logo cubren todas las decisiones visuales. Saber cuál gobierna cada parte mantiene el ajuste ágil.
- Los módulos de datos son los pequeños puntos que llevan los datos codificados. Su forma es lo que los usuarios perciben como el estilo del QR. Redondeado y elegante redondeado se ven modernos, mientras que cuadrado se lee como tradicional.
- Los patrones de posición son los tres marcadores cuadrados grandes de las esquinas superior izquierda, superior derecha e inferior izquierda. Los escáneres los usan para detectar la orientación, así que formas inusuales como punto o elegante cuestan un poco de escaneabilidad.
- Los centros de posición son el cuadrado más pequeño dentro de cada patrón. Darles un estilo distinto al del marco exterior es la forma más sencilla de añadir personalidad sin romper la detección.
- Fondo: déjalo transparente para la entrega a diseño, sólido para pegatinas, etiquetas y tarjetas de visita, o con degradado para pósteres y señalética de eventos.
- Corrección de errores: Q al 25 por ciento es un valor por defecto sólido que sobrevive a logos pequeños y a daños moderados. Sube a H al 30 por ciento para logos más grandes o entornos de impresión exigentes.
- Logo: mantén su tamaño en torno al 20‑35 por ciento del ancho del QR y deja Ocultar puntos de fondo activado. Cualquier tamaño mayor consume el presupuesto de corrección de errores.
- Margen de la zona de silencio: nunca bajes de cuatro módulos de espacio libre. Los escáneres lo necesitan para fijar la lectura, y los recortes ajustados son un motivo habitual de que las impresiones reales no se escaneen.
Casos de uso
Tareas recurrentes para las que está pensada esta página. El mismo flujo (elegir un tipo, diseñar, exportar) cubre los distintos lugares donde aparecen los códigos QR.
-
QR de página de aterrizaje de marketing
Codifica una URL de campaña, idealmente un enlace corto rastreable con etiquetas UTM, en un QR con marca para pósteres, carteles de mesa, encartes de packaging y señalética de eventos.
-
Wi‑Fi para cafeterías, oficinas y eventos
Genera un WIFI URI con SSID, contraseña y tipo de cifrado. Al escanear se une a la red sin teclear la contraseña, incluso cuando esta contiene símbolos o Unicode.
-
Tarjeta de visita vCard
Codifica nombre, teléfono, correo, organización, cargo y URL como un registro vCard 3.0. Al escanear se guarda el contacto directamente en la agenda de iOS o Android.
-
Correo con CTA para el equipo
Un QR mailto con asunto y cuerpo prellenados es útil para CTA de pósteres, imanes de captación, puntos de entrada de soporte, confirmaciones de asistencia y registros de eventos.
-
Alta por SMS para promociones
Un QR sms con un mensaje prellenado (por ejemplo, JOIN) abre un borrador de SMS al escanear, usado en altas de marketing por SMS y mostradores de recepción.
-
Llamada con un toque para restaurantes o comercio
Un QR tel realiza una llamada al tocarlo, útil para señalética de servicio, tarjetas de taxi, carteles inmobiliarios y pegatinas de atención al cliente.
-
QR de marca con logo
Sube la marca, cambia la corrección de errores a Q o H, deja el logo en torno al 25 por ciento del ancho del QR, y el resultado sigue escaneándose de forma fiable con imagen de marca.
-
QR transparente para Figma o Canva
Genera con fondo transparente y descarga en SVG para colocarlo directamente en los archivos de diseño sin ningún paso de eliminación de fondo.
-
Campaña multicanal unificada
Genera QR a juego con la misma paleta y formas para póster, web, packaging y redes, exportando cada uno a la resolución y el formato adecuados desde una sola mesa de trabajo.
-
Enlace profundo a formulario prellenado
Codifica una URL con parámetros de consulta en un QR para que al escanear se abra un formulario prellenado con la campaña, la fuente o la ubicación, ahorrando entrada manual y mejorando las tasas de finalización.
Ver también
Cuando el QR codifica una URL larga con caracteres no ASCII, etiquetas UTM, retornos OAuth o parámetros de consulta enredados, prepara el enlace primero con Codificador y decodificador de URL para que la codificación porcentual sea correcta antes de incrustarla en el QR. Para textos largos, cuerpos de SMS o datos vCard, comprueba antes el número de caracteres y la longitud en bytes UTF‑8 con Contador de texto . Los payloads largos fuerzan niveles de corrección más altos y una menor fiabilidad de escaneo. Si el archivo del logo pesa varios megabytes o tiene canales alfa innecesarios, redúcelo con Compresor de imágenes antes de subirlo. Y cuando el destino es un SKU, un ID de activo, un número de caja o un ticket (no una URL ni una acción de contacto), cambia a Generador de códigos de barras en su lugar, ya que los códigos de barras 1D son más densos por carácter para payloads numéricos o alfanuméricos cortos.
Buenas prácticas
Hábitos prácticos para códigos QR que necesitan escanearse de forma fiable en pantallas, materiales impresos y superficies con poca luz.
- Usa la corrección de errores Q (25 %) por defecto. Sube a H (30 %) siempre que añadas un logo, imprimas sobre material rugoso o esperes oclusión parcial.
- Mantén el margen de la zona de silencio en cuatro módulos o más. Los escáneres usan el área clara circundante para localizar el código, y los recortes ajustados son un motivo principal de que los QR impresos no se lean.
- Haz una prueba de escaneo en el entorno real antes de imprimir. El móvil con el que probaste, la iluminación del lugar y el ángulo desde el que la gente escanea influyen. Pide prestados dos móviles distintos y prueba a distancia.
- Mantén el primer plano claramente más oscuro que el fondo. Los escáneres modernos toleran claro sobre oscuro, pero oscuro sobre claro sigue teniendo la mayor tasa de acierto al primer escaneo.
- Evita patrones de posición muy estilizados si la fiabilidad absoluta importa. Los marcos con punto o elegante quedan genial pero cuestan en torno al 5‑10 por ciento de fiabilidad de escaneo en escáneres antiguos.
- Para las URL que van en un QR, usa un enlace corto (con UTM o de marca). Los enlaces cortos sobreviven a resoluciones de exportación más bajas y te dejan cambiar el destino después sin reimprimir.
- Elige el formato adecuado para el destino: SVG para impresión, packaging y pósteres, PNG para presentaciones y correo, WebP para webs modernas, y JPEG solo cuando un sistema exija JPG.
- Al usar fondos transparentes, confirma que la superficie final es clara y uniforme. Los fondos con patrones o fotos detrás de un QR transparente suelen arruinar la escaneabilidad, así que pon una tarjeta blanca sólida bajo el código.
- Guarda el SVG original de cada QR de producción. Reexportar desde SVG conserva la calidad, mientras que volver a renderizar desde una captura PNG no.
- En los códigos de Wi‑Fi, verifica que la contraseña contiene de verdad los caracteres que escribiste. Símbolos como punto y coma, coma, dos puntos y comillas necesitan el escape que aplica esta página, pero un carácter erróneo en el campo produce en silencio un QR que se une a la red equivocada.
Limitaciones
La página es un generador y un diseñador, no una plataforma de gestión de campañas. Conocer los límites evita usar la herramienta en la dirección equivocada.
- Genera códigos QR estáticos. Los datos codificados viven en el propio patrón del QR, así que cambiar el destino implica regenerar. Para redirecciones dinámicas, codifica un enlace corto y edita su destino por separado.
- El payload máximo depende del conjunto de caracteres y de la corrección de errores. A grandes rasgos: 7 KB numérico, 4,3 KB alfanumérico y 3 KB en modo byte UTF‑8 con la corrección más laxa. Las vCard largas o los párrafos alcanzan el límite rápido.
- Los degradados fuertes en los patrones de posición reducen la escaneabilidad en dispositivos antiguos. Mantén colores de alto contraste en los patrones aunque los módulos de datos usen un degradado.
- La página no realiza escaneo ni decodificación de QR. Para verificar un código generado, escanéalo con un móvil real o con un decodificador dedicado.
- El logo se superpone sobre el QR terminado. No se codifica en los datos. Mantén el logo pequeño respecto al ancho del QR y confía en la corrección de errores para absorber la oclusión visual.
- La resolución de exportación solo afecta a las salidas ráster (PNG, WebP, JPEG). El SVG es independiente de la resolución y el campo de tamaño controla el viewBox del SVG, no las dimensiones en píxeles.
- JPEG no admite transparencia. Usar JPEG con un fondo transparente rellenará el fondo de blanco automáticamente.
- El contraste de color sigue importando con degradados. Prueba el punto de menor contraste del degradado frente al fondo, ya que ese punto es donde el escaneo fallará primero.
- Todo el procesamiento ocurre en el navegador mediante qr-code-styling. No hay servidor, ni análisis del payload codificado, ni enlace compartido, ni copia en la nube.
Preguntas frecuentes
Respuestas prácticas sobre tipos de contenido, escaneabilidad, colocación del logo, formatos de archivo, corrección de errores y la diferencia entre códigos QR estáticos y dinámicos.
¿El código QR es dinámico o estático?
Estático. Los datos se codifican directamente en el patrón de módulos del QR, así que cambiar el destino implica generar un nuevo QR. Para destinos dinámicos, codifica un enlace corto o una URL de redirección y actualiza ese destino fuera del QR.
¿Cuál es el payload máximo?
Depende del conjunto de caracteres y del nivel de corrección de errores. Límites superiores aproximados: 7 KB numérico, 4,3 KB alfanumérico y 3 KB en modo byte UTF‑8 con la corrección más laxa. Q al 25 por ciento y H al 30 por ciento reducen la capacidad de forma notable, así que las vCard largas suelen necesitar M o L.
¿Por qué añadir un logo a veces hace que el QR no se pueda escanear?
El logo cubre módulos de datos. Tres soluciones: mantén el logo entre el 20 y el 35 por ciento del ancho del QR, sube la corrección de errores a Q o H y deja activado Ocultar puntos de fondo para que la zona bajo el logo se enmascare de forma limpia en lugar de quedar a medio renderizar.
¿Qué nivel de corrección de errores debería usar?
Sin logo, M al 15 por ciento sirve para la mayoría de los casos. Con logo, Q al 25 por ciento es el valor por defecto seguro, y H al 30 por ciento es mejor para logos más grandes o entornos de impresión rugosos. Pasar de L a H reduce a aproximadamente la mitad la capacidad de datos, pero duplica la tolerancia al daño.
¿Qué diferencia hay entre módulos de datos, patrones de posición y centros de posición?
Los módulos de datos son los pequeños cuadrados repartidos por todo el QR que llevan los datos codificados. Los patrones de posición son los tres marcadores grandes de las esquinas superior izquierda, superior derecha e inferior izquierda que los escáneres usan para la orientación. Los centros de posición son el cuadrado más pequeño dentro de cada patrón. Puedes dar estilo a los tres de forma independiente.
¿El WIFI URI está estandarizado? ¿Se escanea en todos lados?
Sí. El WIFI URI es el estándar de facto que usan iOS, Android y la mayoría de apps de cámara. Esta página aplica las reglas de escape de la especificación, así que las contraseñas que contienen barra invertida, punto y coma, coma, dos puntos o comillas dobles funcionan correctamente.
¿Por qué mi vCard se escanea pero muestra texto ilegible?
Los generadores de vCard antiguos no escapaban comas, puntos y comas, barras invertidas ni saltos de línea en los campos de la vCard. Esta página aplica el escape de RFC 6350. Si tienes QR rotos en materiales impresos antiguos, regenéralos con esta versión.
¿Por qué la vista previa mantiene el mismo tamaño cuando cambio el campo Tamaño?
Es intencionado. La vista previa se fija a propósito para que los cambios de estilo sean visualmente estables. El campo Tamaño controla la resolución de exportación, es decir, la dimensión real en píxeles del PNG, WebP o JPEG descargado. El SVG es independiente de la resolución.
¿Es seguro un fondo transparente para impresión?
Solo cuando la superficie es clara, uniforme y de alto contraste frente al primer plano del QR. Los fondos con patrones o fotos detrás de un QR transparente suelen arruinar la escaneabilidad, así que cambia a un fondo blanco sólido o imprime sobre una tarjeta lisa.
¿Qué formato de archivo debería descargar?
PNG para uso digital general como presentaciones, documentos y correo. SVG para impresión, edición vectorial o escalado ilimitado. WebP para webs modernas con el menor tamaño de archivo. JPEG solo cuando un sistema exija JPG, y nunca con un fondo transparente.
¿Puedo usar cualquier imagen como logo?
Sí. PNG, JPG, SVG y WebP funcionan todos. Los logos SVG dan el mejor resultado en tamaños de exportación grandes. Los logos PNG transparentes también funcionan bien. Evita logos con texto que deba seguir siendo legible en tamaños de QR pequeños.
¿Alguno de mis datos sale del navegador?
No. La generación del QR, la incrustación del logo y todas las descargas ocurren dentro de la pestaña actual del navegador. Las contraseñas de Wi‑Fi, los datos de contacto vCard y las URL de campaña con seguimiento nunca van a un servidor.
¿Puedo escanear y decodificar un QR con esta herramienta?
Todavía no, esta página solo genera. Para verificar qué codifica un QR generado, escanéalo con la cámara del móvil, o pega la cadena subyacente que aparece en el área de Contenido generado (para tipos que no son texto) en un decodificador de QR.
Herramientas relacionadas
Continúa por el conjunto de codificación: codifica en porcentaje la URL antes de incrustarla en un QR, cambia a un código de barras cuando el destino es una etiqueta de producto o un ID de activo, o convierte otros formatos con los inspectores de Base64 y JWT.