Generador de Código QR - Crear QR Personalizados Online
Genera códigos QR para URLs, texto, WiFi, contactos vCard y email. Personaliza colores, añade logos, elige estilos y descarga como PNG o SVG.
Preguntas Frecuentes
¿Qué es un código QR?
Un código QR (Quick Response) es un código de barras bidimensional que puede almacenar datos como texto, URLs, credenciales WiFi e información de contacto. Desarrollado originalmente en 1994 por Denso Wave para el seguimiento de piezas automotrices, los códigos QR ahora se utilizan ampliamente para pagos móviles, marketing, autenticación y compartir información.
¿Cómo uso esta herramienta generadora de códigos QR?
1. Seleccione la pestaña del tipo de entrada (Texto/URL, WiFi, vCard, Email, SMS o Teléfono). 2. Ingrese la información relevante. 3. El código QR se genera automáticamente en tiempo real. 4. Opcionalmente personalice colores, estilos y agregue un logo. 5. Descargue como PNG o SVG, o copie al portapapeles.
¿Mis datos están seguros? ¿Se envían a un servidor?
Sus datos están 100% seguros y nunca salen de su navegador. Toda la generación de códigos QR se realiza del lado del cliente usando JavaScript y la API Canvas de HTML5. No se transmite ningún dato a ningún servidor.
¿Qué es la corrección de errores del código QR?
Los códigos QR incluyen corrección de errores incorporada usando códigos Reed-Solomon. Hay cuatro niveles: L (7%), M (15%), Q (25%) y H (30%). Use M para códigos estándar, Q para materiales impresos y H cuando agregue un logo.
¿Por qué debería usar un código QR WiFi?
Los códigos QR WiFi permiten a visitantes conectarse a su red simplemente escaneando el código con la cámara de su teléfono, sin necesidad de escribir contraseñas complejas. Especialmente útil para oficinas, cafeterías, hoteles y eventos.
¿Cuál es la cantidad máxima de datos que puede contener un código QR?
Un código QR puede contener hasta 7,089 caracteres numéricos, 4,296 caracteres alfanuméricos o 2,953 bytes de datos binarios (en el nivel de corrección L). En la práctica, el contenido más corto produce códigos QR más pequeños y fáciles de escanear.
¿Puedo agregar un logo a mi código QR y seguirá escaneándose?
Sí, puede agregar un logo al centro de su código QR. Esto funciona gracias a la corrección de errores. Para un escaneo confiable, use el nivel H (30% de recuperación) y mantenga el tamaño del logo en aproximadamente 20-30% del área del código QR. Esta herramienta configura automáticamente la corrección de errores en H cuando agrega un logo.
Ejemplos de Código
import QRCodeStyling from 'qr-code-styling';
// Basic QR code
const qrCode = new QRCodeStyling({
width: 300,
height: 300,
data: 'https://example.com',
dotsOptions: {
color: '#000000',
type: 'rounded',
},
backgroundOptions: {
color: '#ffffff',
},
qrOptions: {
errorCorrectionLevel: 'M',
},
});
// Append to DOM
qrCode.append(document.getElementById('canvas'));
// Download as PNG
qrCode.download({ name: 'qr-code', extension: 'png' });
// Generate WiFi QR code string
function generateWiFiQR(ssid, password, encryption = 'WPA', hidden = false) {
const escape = (str) => str.replace(/([\\;,:"'])/g, '\\$1');
return `WIFI:T:${encryption};S:${escape(ssid)};P:${escape(password)};H:${hidden};;`;
}
// Generate vCard QR code string
function generateVCardQR({ firstName, lastName, phone, email, org }) {
return [
'BEGIN:VCARD',
'VERSION:3.0',
`N:${lastName};${firstName};;;`,
`FN:${firstName} ${lastName}`,
phone && `TEL:${phone}`,
email && `EMAIL:${email}`,
org && `ORG:${org}`,
'END:VCARD',
]
.filter(Boolean)
.join('\n');
}