Generador QR
Códigos QR personalizados con estilos, colores, gradientes y logo
UtilidadesEstilos rápidos
Vista previa
300×300 · EC:Q
Exportar
1024×1024px
Acerca de esta herramienta
El Generador de Códigos QR de lab.m8d.io crea códigos QR completamente personalizados directamente en el navegador. Permite elegir entre múltiples estilos de puntos y esquinas, aplicar colores sólidos o gradientes, insertar un logo central con ajuste de tamaño, y exportar en PNG, SVG, WebP o JPEG hasta 2048×2048 píxeles. Soporta datos de tipo URL, texto libre, credenciales WiFi, correo electrónico y número de teléfono. Todo se procesa localmente — ningún dato se envía a servidores externos.
Tipos de datos soportados
El generador codifica cinco tipos de datos en el código QR, cada uno con formato específico para que los lectores de QR los interpreten correctamente:
• URL — Cualquier dirección web (https://ejemplo.com). Al escanear, el dispositivo abre directamente el navegador con esa URL. Es el uso más común de códigos QR: enlaces a páginas web, tiendas online, redes sociales, menús de restaurantes o descargas de aplicaciones.
• Texto libre — Cualquier cadena de texto: mensajes, notas, contraseñas, instrucciones, códigos de verificación o datos serializados. El contenido se muestra tal cual al escanear.
• WiFi — Genera la cadena WIFI:T:WPA;S:NombreRed;P:contraseña;; que permite conectarse a una red WiFi al escanear el código. Soporta encriptación WPA/WPA2, WEP o red abierta, y redes ocultas. Ideal para hoteles, oficinas, eventos o el hogar — los invitados se conectan sin teclear la contraseña.
• Email — Codifica un enlace mailto: con destinatario, asunto y cuerpo predefinidos. Al escanear, abre la aplicación de correo con los campos prellenados. Útil para formularios de contacto en tarjetas de visita, flyers o material impreso.
• Teléfono — Codifica un enlace tel: que inicia una llamada al escanear. Ideal para tarjetas de visita, publicidad impresa o señalización con número de contacto directo.
Personalización visual del código QR
La herramienta ofrece control total sobre la apariencia del código QR mediante múltiples opciones de estilo:
• Formas de puntos (cuerpo) — Seis estilos diferentes para los módulos del código: Cuadrado (clásico), Redondeado (bordes suaves), Puntos (círculos), Clásico (esquinas mixtas), Clásico Redondeado (combinación elegante) y Extra Redondeado (máxima suavidad). Cada estilo cambia drásticamente la apariencia del QR.
• Esquinas exteriores (ojos) — Los tres patrones de posicionamiento en las esquinas del QR pueden tener su propio estilo: Cuadrado, Punto (circular) o Redondeado. Estos elementos son los que los escáneres detectan primero para orientar la lectura.
• Esquinas interiores — El punto central dentro de cada patrón de esquina también se personaliza independientemente: Cuadrado o Punto circular.
• Colores — Cada elemento tiene su propio color configurable: puntos del cuerpo, fondo, esquinas exteriores y esquinas interiores. Se pueden usar colores diferentes para crear diseños bicolor o multicolor.
• Gradientes — Los puntos del cuerpo soportan gradientes lineales (con ángulo de 0° a 360°) y radiales. Esto permite efectos visuales como degradados de color, neón, metálico o arcoíris que hacen el QR visualmente atractivo sin perder legibilidad.
• Estilos rápidos (presets) — Seis combinaciones prediseñadas para empezar rápido: Clásico (blanco sobre negro), Suave (tonos zinc con acentos cyan), Neón (gradiente cyan a púrpura), Fuego (gradiente amarillo a rojo), Océano (gradiente cyan a índigo) y Matrix (verde sobre negro).
Logo central en el código QR
Es posible insertar una imagen (logo, ícono o foto) en el centro del código QR. El generador utiliza la redundancia del sistema de corrección de errores para garantizar que el código siga siendo escaneable:
• Formatos de imagen — Se aceptan PNG, SVG, JPG y cualquier formato soportado por el navegador. Se recomienda usar imágenes con fondo transparente (PNG/SVG) para mejor integración visual.
• Tamaño del logo — Ajustable del 10% al 50% del área total del QR. Logos más grandes requieren mayor nivel de corrección de errores. Al subir un logo, la herramienta cambia automáticamente a corrección H (máxima, 30%) para garantizar la legibilidad.
• Margen del logo — Espacio en píxeles entre el logo y los puntos del QR. Un margen adecuado mejora la visibilidad del logo y la legibilidad del código.
• Ocultar puntos bajo el logo — Cuando está activo, los módulos del QR que quedan detrás del logo se eliminan, creando un fondo limpio. Esto mejora la apariencia pero reduce la información disponible, por lo que se usa junto con corrección H.
• Recomendaciones — Mantener el tamaño del logo entre 15-30% del QR, usar corrección H siempre que haya logo, probar el escaneo con múltiples aplicaciones y dispositivos antes de imprimir.
Corrección de errores y calidad
Los códigos QR incluyen datos redundantes mediante el algoritmo Reed-Solomon que permite reconstruir la información incluso si parte del código está dañado, sucio o cubierto (como por un logo):
• Nivel L (Low) — 7% de corrección. El más compacto, genera el QR más pequeño posible. Solo para entornos digitales donde el código se mostrará limpio en pantalla.
• Nivel M (Medium) — 15% de corrección. Balance entre tamaño y resistencia. Recomendado para uso digital general: pantallas, PDFs, documentos.
• Nivel Q (Quartile) — 25% de corrección. Buena resistencia a daños. Ideal para impresión en papel, etiquetas o packaging donde puede haber desgaste.
• Nivel H (High) — 30% de corrección. Máxima redundancia. Obligatorio cuando se usa un logo central. Recomendado para impresión exterior, tarjetas de visita, o cualquier entorno donde el código pueda sufrir daño parcial.
Mayor corrección = más módulos en el QR = código más denso. Para un mismo contenido, un QR con nivel H será visualmente más denso que uno con nivel L. Esto es importante al elegir el tamaño de impresión.
Exportación y tamaños recomendados
La herramienta exporta el código QR en cuatro formatos con tamaños de 256 a 2048 píxeles:
• PNG — Formato rasterizado más universal. Compatible con todos los programas, aplicaciones y plataformas. Ideal para redes sociales, presentaciones, documentos y pantallas.
• SVG — Formato vectorial escalable sin pérdida de calidad. Ideal para impresión profesional (tarjetas de visita, carteles, packaging), diseño gráfico y web. Se escala a cualquier tamaño sin pixelarse.
• WebP — Formato moderno de Google con mejor compresión que PNG. Menor tamaño de archivo con la misma calidad. Ideal para web y aplicaciones móviles.
• JPEG — Formato con compresión lossy. No recomendado para QR porque los artefactos de compresión pueden afectar la legibilidad. Solo para casos donde se requiere JPEG específicamente.
Tamaños recomendados por uso:
• 256×256 px — Uso digital mínimo, chats, mensajes
• 512×512 px — Redes sociales, emails, documentos digitales
• 1024×1024 px — Impresión en papel estándar (A4), presentaciones
• 2048×2048 px — Impresión profesional, carteles, vinilo, packaging
Preguntas frecuentes
¿Es gratis crear códigos QR personalizados?
Sí, el generador de códigos QR de lab.m8d.io es completamente gratuito y sin registro. No hay marcas de agua, límites de uso ni funciones premium ocultas. Todo el procesamiento ocurre en tu navegador — no se envía ningún dato a servidores externos.
¿Se puede poner un logo o imagen en el centro del código QR?
Sí. Puedes subir cualquier imagen (PNG, SVG, JPG) como logo central. La herramienta ajusta automáticamente la corrección de errores al nivel máximo (H, 30%) para compensar los módulos cubiertos por el logo. Puedes configurar el tamaño del logo (10% a 50% del QR), el margen y si se ocultan los puntos detrás del logo. Recomendamos mantener el logo entre 15-30% para garantizar la legibilidad.
¿Cuál es el mejor formato para imprimir un código QR?
SVG es el formato ideal para impresión porque es vectorial y escala a cualquier tamaño sin perder calidad. Para impresión profesional (tarjetas de visita, carteles, packaging), exporta en SVG. Si necesitas un archivo rasterizado, usa PNG a 2048×2048 px con corrección de errores Q o H. Evita JPEG porque los artefactos de compresión pueden dificultar el escaneo.
¿Cómo crear un código QR para conectarse a WiFi?
Selecciona el modo WiFi en la herramienta e introduce el nombre de la red (SSID), la contraseña y el tipo de encriptación (WPA/WPA2, WEP o ninguna). Si la red es oculta, activa la opción correspondiente. El código QR generado contiene toda la información necesaria para que cualquier smartphone se conecte automáticamente al escanear — funciona en iPhone (iOS 11+) y Android.
¿Qué tamaño mínimo debe tener un código QR impreso?
El tamaño mínimo depende de la distancia de escaneo. Como regla general: el lado del QR debe ser al menos 1/10 de la distancia de escaneo. Para escaneo con el móvil a 20-30 cm, el QR debe medir al menos 2×2 cm. Para carteles vistos a 1-2 metros, mínimo 10×10 cm. Para vallas publicitarias, al menos 30×30 cm. Siempre usa corrección Q o H para entornos físicos.
¿Los códigos QR personalizados con colores y estilos se escanean bien?
Sí, siempre que se mantenga suficiente contraste entre los puntos y el fondo. Los lectores QR detectan el patrón de los tres cuadrados de esquina y luego decodifican los módulos. Los estilos de puntos (redondeado, dots, clásico) y los colores personalizados no afectan la legibilidad si hay contraste. Recomendaciones: usar puntos oscuros sobre fondo claro (o viceversa), evitar colores similares entre puntos y fondo, y probar el escaneo con al menos dos aplicaciones diferentes antes de imprimir.
¿Qué diferencia hay entre corrección de errores L, M, Q y H?
Los niveles determinan cuánto del código QR puede estar dañado y aún ser legible: L recupera el 7%, M el 15%, Q el 25% y H el 30%. Mayor corrección significa un código más denso (más módulos) pero más resistente. Usa L para pantallas digitales limpias, M para documentos, Q para impresión estándar, y H cuando uses logo central o para entornos donde el código pueda dañarse (exterior, etiquetas de producto).
¿Puedo crear un código QR con degradado de colores?
Sí, la herramienta soporta gradientes lineales y radiales en los puntos del cuerpo del QR. Puedes elegir dos colores, el tipo de gradiente (lineal o radial) y el ángulo de rotación para gradientes lineales. Los estilos rápidos 'Neón', 'Fuego' y 'Océano' incluyen gradientes predefinidos. Las esquinas (ojos) usan colores sólidos para mantener la detección confiable.
¿El código QR caduca o deja de funcionar?
Los códigos QR estáticos (como los generados por esta herramienta) no caducan nunca. El código contiene los datos directamente — no depende de ningún servicio externo. Si el QR apunta a una URL, funcionará mientras esa URL exista. Los 'códigos QR dinámicos' que ofrecen otros servicios sí dependen de un servidor intermediario y pueden dejar de funcionar si el servicio se cierra o deja de ser gratuito.
¿Los datos se envían a algún servidor al generar el QR?
No. Todo el procesamiento ocurre íntegramente en tu navegador usando la librería qr-code-styling. Los datos que introduces (URL, texto, credenciales WiFi, etc.), el logo que subes y el código QR generado nunca salen de tu dispositivo. No hay tracking, analytics ni almacenamiento en servidores. Puedes verificarlo desconectando internet después de cargar la página — el generador sigue funcionando.