QR Code Studio
Diseña códigos QR estilizados directamente en el navegador y expórtalos como vectores limpios y escalables sin límites.
¿Qué es QR Code Studio?
QR Code Studio es una pequeña aplicación web sin dependencias para generar códigos QR estilizados y exportarlos como SVG vectoriales limpios (o PNG de alta resolución). Todo se ejecuta en el navegador, sin paso de compilación y sin enviar datos a un servidor.
En lugar de cuadrados negros planos, tienes control sobre las formas de los módulos, los ojos de los patrones de búsqueda, los colores y degradados, así como un logotipo centrado. El renderizado es SVG propio basado en un codificador QR probado, por lo que la salida se mantiene nítida en cualquier tamaño.
Códigos QR reales, desarrollados por nosotros
Desarrollamos QR Code Studio nosotros mismos por una razón: muchos generadores de QR en la web redirigen secretamente tu código a través de su propio dominio. Entonces el código no contiene tu enlace, sino el suyo, que después redirige al tuyo. Esto permite rastrear todos los escaneos y, en algunos casos, desactivar tu destino más adelante a menos que pagues. No diremos nombres, pero sucede con la frecuencia suficiente como para que debas saberlo. QR Code Studio no hace nada de eso.
Solo tus datos, nada más
El código codifica exactamente lo que introduces en el campo de contenido. Sin redirección, sin acortador de enlaces, sin dominio ajeno interpuesto. Lo que lees es lo que se escanea.
Se ejecuta completamente en el navegador
No hay backend ni llamadas a API. Toda la codificación y el renderizado ocurren localmente en tu dispositivo. Nada de lo que introduces se carga, almacena o registra, ni por nosotros ni por nadie más.
Tuyo para siempre, nunca revocado
Como los datos están dentro del propio código, tu QR no puede caducar ni desactivarse de forma remota. Una vez descargado, sigue funcionando sin cuenta ni suscripción.
Cómo distinguir un código QR real de una trampa
No todos los generadores son honestos. Así puedes comprobar si un código contiene tus datos y no da un rodeo por un servidor ajeno.
Decodifícalo antes de confiar en él
Abre el código en cualquier lector o en la vista previa de la cámara de tu teléfono y lee el texto sin procesar. Debe ser exactamente tu URL o texto, no un dominio extraño como qr-xyz.io/r/Ab12.
Busca un dominio de redirección
Si el enlace escaneado apunta a un dominio que no conoces y solo después salta a tu página, el generador redirige cada escaneo a través de sí mismo.
Ten cuidado con los códigos "dinámicos" o editables
Un código que todavía puedes cambiar después de imprimirlo es una redirección controlada por el proveedor. Solo funciona mientras su servicio siga activo y, a menudo, solo mientras pagues por ello.
Gratis ahora, muro de pago después
Si una herramienta "gratuita" quiere una cuenta o suscripción para "mantener tu código activo", los datos reales están en sus servidores, no en el código. Un QR estático real nunca necesita eso.
Todo lo necesario para diseñar un código
Formas de módulos
Cuadrado, redondeado, fluido (redondeo adicional consciente de los vecinos que fusiona áreas conectadas en formas suaves) y puntos con tamaño ajustable.
Estilo de ojos
Marcos y puntos de los patrones de búsqueda cuadrados, redondeados, circulares o en forma de hoja, con color de ojos independiente opcional.
Color y degradados
Primer plano de un solo color, degradado lineal con ángulo ajustable o degradado radial, además de un fondo propio o completamente transparente.
Inserción de logotipo
Coloca una imagen en el centro y, opcionalmente, elimina los módulos detrás de ella para que se asiente sobre una superficie limpia.
Exportación vectorial y ráster
Descarga como SVG, exporta PNG en cualquier resolución o copia el marcado SVG directamente al portapapeles.
Escaneabilidad comprobada
Control de zona de silencio y corrección de errores, contenido UTF-8 y estilos probados con decodificadores reales.
Estilizado, pero aún escaneable
Los códigos QR bonitos no sirven de nada si los teléfonos no pueden leerlos. Cada estilo de forma se ha renderizado y decodificado para confirmar un escaneo fiable.
Todos los estilos de forma se decodifican con ZXing, el decodificador que usan los escáneres reales de teléfonos, en todos los tamaños.
Un decodificador especialmente estricto. Mantén un tamaño de punto alto si necesitas compatibilidad con él; el patrón de temporización siempre se renderiza a tamaño completo como ancla.
Al insertar un logotipo, usa corrección de errores H para que el código pueda tolerar los módulos ocultos.
Gratis y de código abierto
QR Code Studio es HTML, CSS y JavaScript puros con un único codificador QR con licencia MIT. El repositorio público está en desarrollo.
Licencia
MIT
Stack
HTML · JS
Exportar
SVG · PNG
Repositorio
GitHub próximamente
Preguntas frecuentes
Todo sobre QR Code Studio
Sí. Cada estilo de forma se ha renderizado y decodificado con ZXing, la biblioteca que usan los escáneres reales de teléfonos, en distintos tamaños. Para los decodificadores más estrictos, mantén un tamaño de punto alto y usa corrección de errores H al insertar un logotipo.
Puedes descargar una imagen vectorial SVG limpia, exportar un PNG en cualquier resolución de hasta 8192 píxeles o copiar directamente el marcado SVG sin procesar al portapapeles.
Sí. Coloca una imagen en el centro, ajusta su tamaño y, opcionalmente, elimina los módulos detrás de ella para que se asiente sobre una superficie limpia. Usa corrección de errores H para obtener el resultado más fiable.
URL, texto sin formato, cadenas de red Wi-Fi y cualquier contenido UTF-8, incluidos emojis. Una mayor corrección de errores y contenidos más largos generan un código más denso.
No. QR Code Studio se ejecuta completamente en el navegador, sin paso de compilación ni servidor. Nada de lo que introduces sale de tu dispositivo.
Porque muchos generadores en línea envuelven secretamente tu enlace en su propio dominio de redirección para rastrear escaneos o cobrarte más adelante para que el código siga activo. Queríamos una herramienta que codificara únicamente lo que introduces, se ejecutara por completo en el navegador sin backend y generara códigos que nunca caducan.
Ponte en contacto con nosotros
¿Echas en falta una función en QR Code Studio o necesitas códigos a juego con tu marca? Escríbenos, agradecemos el feedback y ayudamos con gusto en casos especiales.