📱 Generador de Código QR

Crea códigos QR gratis.

Texto de Entradao URL

<label for="qrsize">Tamaño</label>
<select id="qrsize" onchange="genQR()>
<option value="200">200 x 200</option>
<option value="300" selected>300 x 300</option>
<option value="400">400 x 400</option>
<option value="500">500 x 500</option>
</select>
</div>
<div id="qrResultado" style="text-align:center;margin-top:20px">
<div id="qrCanvas" style="display:inline-block;background:#fff;padding:16px;border-radius:8px"></div>
<div style="margin-top:16px">
<button class="btn" onclick="downloadQR()>Descargar Código QR (PNG)</button>
</div>
</div>
</div>
<div class="tool-content">
<section class="content-block"><h2>¿Qué es esta herramienta?</h2>A QR code (Quick Response code) is a two-dimensional barcode invented in 1994 by Masahiro Hara at Denso Wave, a Toyota subsidiary, originally to track automotive parts in manufacturing. Unlike traditional one-dimensional barcodes that store information only horizontally, QR codes store data both horizontally and vertically, allowing them to hold up to several hundred times more information in the same physical space. Today, QR codes are ubiquitous — they appear on restaurant menus, product packaging, business cards, event tickets, payment terminals, billboards, and advertisements. Scanning a QR code with a smartphone camera instantly directs the user to a website, displays text, connects to Wi-Fi, adds a contact, sends an email, or initiates a payment. QR codes became especially prominent during the COVID-19 pandemic as a contactless solution for menus, check-ins, and payments. This generator lets you create custom QR codes for URLs, text, contact information, Wi-Fi credentials, and more, with adjustable size, color, and error correction levels to suit any application from personal use to enterprise marketing campaigns.</section>
<section class="content-block"><h2>Cómo funciona</h2>QR codes encode data using a matrix of black and white modules arranged in a square grid. The data capacity depends on the version (1 to 40) and the error correction level. <strong>Numeric mode</strong> can store up to 7,089 digits. <strong>Alphanumeric mode</strong> stores up to 4,296 characters (0-9, A-Z, and a few symbols). <strong>Byte mode (8-bit)</strong> stores up to 2,953 bytes, which covers standard text and URLs. <strong>Kanji mode</strong> stores up to 1,817 Japanese characters. Error correction uses Reed-Solomon encoding at four levels: <strong>L (Low, 7%)</strong>, <strong>M (Medium, 15%)</strong>, <strong>Q (Quartile, 25%)</strong>, and <strong>H (High, 30%)</strong>. The percentage indicates how much of the code can be damaged or obscured while remaining readable. Higher error correction increases the code's module count and physical size.</section>
<div class="ad-slot in-content">Ad</div>
<section class="content-block"><h2>Cómo usar</h2>Creating a QR code takes seconds. <strong>Step 1:</strong> Select the content type you want to encode — URL, plain text, email, phone number, SMS, Wi-Fi credentials, or contact card (vCard). <strong>Step 2:</strong> Enter the specific information. For a URL, paste the full link including https://. For Wi-Fi, enter the network name (SSID) and password. <strong>Step 3:</strong> Choose the error correction level. Use L for clean printing environments, M for general use, Q for outdoor use, and H for codes that may be partially obscured or that you want to overlay with a logo. <strong>Step 4:</strong> Select a size and color if customization options are available. <strong>Step 5:</strong> Click generate to preview your QR code, then download it as a PNG or SVG image. Test the code by scanning it with your phone camera before publishing to ensure it works correctly.</section>
<section class="content-block"><h2>Tabla de Referencia</h2><table class='ref-table'><thead><tr><th>QR Version</th><th>Module Size</th><th>Max Numeric</th><th>Max Alphanumeric</th></tr></thead><tbody><tr><td>Version 1</td><td>21 × 21</td><td>41</td><td>25</td></tr><tr><td>Version 2</td><td>25 × 25</td><td>77</td><td>47</td></tr><tr><td>Version 3</td><td>29 × 29</td><td>127</td><td>77</td></tr><tr><td>Version 5</td><td>37 × 37</td><td>237</td><td>149</td></tr><tr><td>Version 7</td><td>45 × 45</td><td>406</td><td>257</td></tr><tr><td>Version 10</td><td>57 × 57</td><td>666</td><td>422</td></tr></tbody></table></section>
<section class="content-block"><h2>Preguntas Frecuentes</h2><h3>Frequently Asked Questions</h3><p><strong>What is the difference between static and dynamic QR codes?</strong><br>Static QR codes encode fixed data directly in the image. Once generated, they cannot be changed — the destination is permanent. Dynamic QR codes use a short redirect URL encoded in the code, so you can change the destination later without reprinting. Dynamic codes also enable scan analytics (location, time, device), making them popular for marketing campaigns, though they often require a paid subscription to a QR management service.</p><p><strong>How far away can a QR code be scanned?</strong><br>The scan distance depends on the physical size of the code and the resolution of the camera. A general rule of thumb is the scan distance equals 10 times the QR code's width. A 2-inch QR code can typically be scanned from about 20 inches away, while a 10-inch code on a billboard can be scanned from about 100 inches (over 8 feet). Always test scanning at the intended viewing distance before deployment.</p><p><strong>What error correction level should I use?</strong><br>Use Level L (7%) for clean, indoor environments with high-quality printing. Use Level M (15%) for general-purpose applications. Use Level Q (25%) for outdoor or industrial settings where the code may get dirty. Use Level H (30%) when you want to embed a logo in the center of the code or when the code may be damaged, as it allows up to 30% of the data to be recovered.</p><p><strong>Can I customize the design of my QR code?</strong><br>Yes. Modern QR codes can include brand colors, rounded modules, embedded logos, and stylized patterns. However, heavy customization can reduce scannability. Always maintain high contrast between the code and background, keep the three finder patterns (corner squares) intact, and test thoroughly across multiple devices after customizing.</p></section>
<section class="content-block"><h2>Consejos</h2><p>Always test your QR code with multiple phone models before printing or publishing, as camera quality and scanning apps vary. Maintain a minimum size of 1 × 1 inch (2.5 × 2.5 cm) for reliable scanning at arm's length, and increase size proportionally for longer viewing distances. Use high contrast — dark modules on a light background — and avoid reversing colors (light on dark) unless you have tested it thoroughly. If adding a logo, keep it small (no more than 10% to 15% of the total area) and centered to avoid obscuring data modules. For marketing campaigns, consider dynamic QR codes so you can track scan analytics and update destinations without reprinting materials. Always include a clear call to action near the code, such as "Scan for menu" or "Scan to pay," as many users still need prompting. Finally, link QR codes to mobile-optimized pages, since nearly all scans happen on smartphones.</p></section>
</div>
</main>
<div class="ad-slot">Ad</div>
<footer>
<div class="container footer-inner">
<div class="footer-section">
<h4>Muxtly</h4>
<a href="/es/privacy-policy/">Privacidad</a>
<a href="/es/about/">Acerca de</a>
<a href="/es/contact/">Contacto</a>
</div>
<div class="footer-section">
<h4>Muxtly</h4>
<p style="color:var(--text-muted);font-size:.85rem">© 2025 Muxtly. Todas las herramientas se ejecutan localmente.</p>
</div>
</div>
</footer>
<script src="../../../assets/js/i18n.js"></script>
<script src="../../../assets/js/qrcode.min.js"></script>
<script>
/* qr-code-generator.js — ToolHub tool
   Functions: genQR(), downloadQR()
   Reads: #qrtext (textarea), #qrsize (200/300/400/500)
   Shows: #qrCanvas (div container)

Depends on the qrcode.min.js library (already loaded) which exposes:
       new QRCode(element, { text, width, height })
   It creates a <canvas> (and a fallback <img>) inside the target element.
*/
function genQR() {
  var textEl = document.getElementById('qrtext');
  var sizeEl = document.getElementById('qrsize');
  var container = document.getElementById('qrCanvas');
  if (!container) { return; }

var text = textEl ? (textEl.value || '') : '';
  var size = sizeEl ? parseInt(sizeEl.value, 10) : 200;
  if (!size || isNaN(size)) { size = 200; }

// Clear any previously generated QR code / download button.
  container.innerHTML = '';

if (!text.trim()) {
    return; // nothing to render
  }

// Use the global QRCode library to render into our container.
  // (qrCodeJs is loaded from /assets/js/qrcode.min.js and exposed as window.QRCode)
  try {
    /* global QRCode */
    new QRCode(container, {
      text: text,
      width: size,
      height: size
    });
  } catch (e) {
    container.textContent = 'QR code library not loaded.';
    return;
  }

// Append a download button below the generated code.
  if (!document.getElementById('qrDownloadBtn')) {
    var btn = document.createElement('button');
    btn.id = 'qrDownloadBtn';
    btn.type = 'button';
    btn.textContent = 'Download PNG';
    btn.style.display = 'block';
    btn.style.marginTop = '10px';
    btn.onclick = downloadQR;
    container.appendChild(btn);
  }
}

function downloadQR() {
  var container = document.getElementById('qrCanvas');
  if (!container) { return; }

if (!dataURL) {
    alert('No QR code to download.');
    return;
  }

var a = document.createElement('a');
  a.href = dataURL;
  a.download = 'qrcode.png';
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
}

// Auto-wire input events and generate an initial code if text is present.
(function () {
  function wire() {
    var t = document.getElementById('qrtext');
    var s = document.getElementById('qrsize');
    if (t) { t.addEventListener('input', genQR); }
    if (s) { s.addEventListener('change', genQR); }
    genQR();
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', wire);
  } else {
    wire();
  }
})();

</script>
</body>
</html>