Estructura de un QR.
QR viene de "Quick Response". Es una matriz de puntos en blanco y negro que codifica información de forma que puede leerse desde cualquier ángulo. A diferencia de los barcodes lineales, los QR son bidimensionales, lo que les permite almacenar mucho más información.
La estructura de un QR tiene partes fijas: los tres cuadrados en las esquinas son los "patrones de posición" que le dicen al lector dónde empieza y termina el código. La zona central almacena los datos codificados en bloques con corrección de errores. Gracias a esta corrección, un QR puede ser leído incluso si hasta el 30% está dañado o cubierto.
Qué datos pueden almacenar.
Los QR pueden codificar cualquier texto, pero hay formatos estándar que los dispositivos reconocen automáticamente:
- URLs: El caso más común. El teléfono abre el navegador directamente.
- Contactos vCard: El teléfono ofrece agregar el contacto automáticamente.
- WiFi: Formato
WIFI:S:NombreRed;T:WPA;P:Contraseña;;— el teléfono se conecta con un tap. - Email: Abre el cliente de email con destinatario y asunto precargados.
- SMS: Abre el cliente de mensajería con número y texto predefinidos.
- Texto plano: Cualquier información sin formato especial.
Cómo generarlos.
Para uso puntual sin código, la herramienta QR de GaloDev genera QR de alta resolución listos para imprimir o usar en digital, sin registro ni marcas de agua. Para integraciones más específicas: qrcode.react para proyectos React, qrcode (npm) para Node.js, y la API de goqr.me para integraciones sin instalación.
QR desde código.
import QRCode from 'qrcode';
// Generar como Data URL (para mostrar en img tag)
const dataUrl = await QRCode.toDataURL('https://galodev.com', {
width: 400,
margin: 2,
color: {
dark: '#000000',
light: '#ffffff'
},
errorCorrectionLevel: 'H' // más resistente a daño
});
// En React:
function QRDisplay({ url }: { url: string }) {
const [src, setSrc] = useState('');
useEffect(() => {
QRCode.toDataURL(url).then(setSrc);
}, [url]);
return <img src={src} alt="QR Code" />;
}Usos prácticos.
Los usos que más impacto tienen para developers y emprendedores: QR en tarjetas de presentación (directo al perfil de LinkedIn o portafolio), QR en menús de restaurantes (siempre actualizados sin reimprimir), QR en packaging (tutorial de uso en video), y QR para WiFi en oficinas (elimina la pregunta "¿cuál es el WiFi?").