Generador de códigos QR

Convierte texto, URL e información de contacto en códigos QR PNG al instante.

Abrir herramienta Volver a las herramientas
// about

Sobre esta herramienta

Crea imágenes de código QR para enlaces web o mensajes. Cualquiera puede escanear tu código QR con la cámara de su móvil para abrir la página al instante.

Cómo usarla

  1. Escribe tu enlace web o mensaje de texto.
  2. Elige el tamaño y la corrección de errores.
  3. Haz clic en 'Generar' para ver y descargar tu código QR.

Por qué usar esta herramienta

  • Convierte enlaces en imágenes escaneables para folletos o tarjetas.
  • Ajusta tamaño y nivel de corrección de errores fácilmente.
  • Descarga imágenes PNG nítidas en alta calidad gratis.

Preguntas frecuentes (FAQ)

¿Caducan los códigos QR generados?

¡No! Son estáticos y funcionan para siempre sin fecha de caducidad.

¿De qué tamaño debe ser para imprimir?

Para tarjetas o folletos impresos se recomienda un tamaño de 300x300 píxeles o superior.

¿Cualquier smartphone puede escanearlo?

Sí, las cámaras nativas de iPhone y Android los leen de forma automática.

Guías · QR y códigos de barras · 8 min de lectura

Cómo crear códigos QR que se escaneen: niveles de corrección de errores, tamaño de impresión y códigos de barras

Los códigos QR están en folletos, tarjetas de visita, menús y envases, pero son sorprendentemente habituales los códigos impresos que los móviles leen con dificultad. Así puedes crear códigos que se escaneen a la primera.

El código QR lo desarrolló en 1994 la empresa japonesa Denso Wave para rastrear piezas de automóvil, y está estandarizado como ISO/IEC 18004. Los tres cuadrados grandes de las esquinas (patrones de localización) permiten que los lectores lo lean rápido desde cualquier ángulo.

Cómo funcionan los códigos QR, nivel de corrección (L, M, Q, H), tamaño de impresión y zona de silencio, fallos de lectura y códigos de barras.
Leer guía →
Créalo con IA

Crea esta herramienta tú mismo con IA

¿Quieres tu propia versión? Copia el prompt en un chat de IA o guarda el archivo de skill para un agente de programación. Incluyen las funciones, casos límite y pruebas que usamos al crearla.

El prompt y la skill están en inglés, que las herramientas de IA entienden perfectamente.

Prompt de instrucciones para IA

Pégalo tal cual en Claude, ChatGPT o Gemini.

You are an experienced full-stack web developer. Build a web tool called "Generador de códigos QR" that meets the requirements below.

## Goal

Build a tool that creates print-ready QR codes from text, URLs, Wi-Fi details and more.

## Core features

- Types: URL, text, Wi-Fi, contact (vCard)
- Error correction level L/M/Q/H
- Size, quiet zone and colour settings
- Download PNG and SVG
- Optional centre logo (level H recommended)

## Inputs

- Content and type
- Error level, size, colours, logo

## Outputs

- QR preview
- PNG/SVG files

## Edge cases and handling rules

- Warn about low contrast between modules and background
- Explain capacity errors and how to shorten content
- Escape special characters (; ,) in Wi-Fi strings
- Warn when the quiet zone is under four modules

## Implementation requirements

- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.
- Make the UI responsive and easy to use on mobile; label every input and keep everything keyboard accessible.
- Add a Copy button for results and show clear, friendly error messages for invalid input.
- Keep the core logic in functions separate from the UI so it can be unit-tested.

## Definition of done (test cases)

- 'https://example.com' decodes back to the same text with a scanner library
- Level H uses at least as many modules as level L
- SVG stays sharp when scaled

First outline your implementation plan in at most five lines, then write the complete code, and finally explain how to check the test cases above.

Skill (SKILL.md)

Guárdalo como .claude/skills/build-qr-code-generator/SKILL.md para que agentes como Claude Code lo reutilicen cada vez que crees o cambies la herramienta.

---
name: build-qr-code-generator
description: Use when building or changing a Generador de códigos QR tool. Build a tool that creates print-ready QR codes from text, URLs, Wi-Fi details and more.
---

# Build: Generador de códigos QR

## Goal

Build a tool that creates print-ready QR codes from text, URLs, Wi-Fi details and more.

## Workflow

1. Review the required features, inputs and outputs below and ask about anything missing first.
2. Implement the core logic as pure functions separate from the UI.
3. Check the logic against the test cases in the verification list.
4. Build a responsive UI with an input form, a result area and a Copy button.
5. Reproduce each edge case listed under Rules and refine the error messages.

## Core features

- Types: URL, text, Wi-Fi, contact (vCard)
- Error correction level L/M/Q/H
- Size, quiet zone and colour settings
- Download PNG and SVG
- Optional centre logo (level H recommended)

## Inputs

- Content and type
- Error level, size, colours, logo

## Outputs

- QR preview
- PNG/SVG files

## Rules

- Warn about low contrast between modules and background
- Explain capacity errors and how to shorten content
- Escape special characters (; ,) in Wi-Fi strings
- Warn when the quiet zone is under four modules
- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.

## Verification

- [ ] 'https://example.com' decodes back to the same text with a scanner library
- [ ] Level H uses at least as many modules as level L
- [ ] SVG stays sharp when scaled

Consejos para trabajar con IA

  • Indica tu stack (React, Vue o HTML puro) en la primera línea para obtener código adecuado.
  • Pide que ejecute las pruebas listadas y muestre los resultados antes de aceptar el código.
  • No pegues contraseñas reales, datos de clientes ni claves de API; usa valores de ejemplo.