Generaste el QR Code y aparece la opción: SVG o PNG. ¿Cuál elegir? La respuesta depende de dónde se va a usar el QR — y elegir mal puede significar un QR pixelado, ilegible, que ningún celular puede escanear tras una impresión grande.
La diferencia fundamental: SVG es vectorial (hecho de matemáticas, escala infinita sin perder calidad) y PNG es raster (hecho de píxeles, tiene resolución fija). Para una impresión de 3 cm en una tarjeta, da igual. Para un banner de 2 m o una fachada, la diferencia es todo.
Qué es SVG vs PNG
SVG — vectorial, sin límite de tamaño
SVG (Scalable Vector Graphics) describe el QR Code como formas geométricas: cuadrados, líneas, coordenadas matemáticas. Cuando amplías el archivo, el programa redibuja las formas en la nueva escala. El resultado es siempre nítido, independientemente del tamaño — 5 cm o 5 metros, misma calidad.
Abre un SVG en Illustrator, Inkscape, Figma o Canva y amplía al 10.000%: bordes perfectos, sin serrado.
PNG — raster, resolución fija
PNG (Portable Network Graphics) es una cuadrícula de píxeles de colores. Si el archivo fue generado a 300×300 píxeles y lo imprimes a 30 cm, tienes 10 píxeles por centímetro — borroso y pixelado. Para imprimir bien a 30 cm, necesitas al menos 300 DPI → 3.543×3.543 píxeles.
La resolución correcta resuelve el problema, pero necesitas exportar en el tamaño correcto desde el principio. Un PNG pequeño ampliado no vuelve a ser nítido.
Cuándo usar SVG
### Para impresión grande
Banner de evento, lona de fachada, adhesivo de escaparate, cartel, tótem de autoservicio — siempre SVG. La imprenta imprimirá a la resolución que quiera, sin pedir un nuevo archivo.
Conoce el tamaño mínimo según la distancia de lectura antes de mandar a imprimir.
### Para enviar a la imprenta o al diseñador
El diseñador colocará el QR dentro de un layout más grande. Con SVG puede redimensionar sin límites. Con PNG te pedirá "versión en mayor resolución" — que puede que no tengas.
Para QR en embalaje de producto, etiqueta o adhesivo de vinilo, SVG es el estándar de la industria gráfica.
### Para usar en software de diseño
Figma, Adobe Illustrator, Affinity Designer, CorelDRAW — todos abren SVG y lo tratan como objeto vectorial. Puedes cambiar el color, escalar y alinear con precisión de píxel sin degradar el QR.
QR con logo personalizado es mucho más fácil de trabajar en SVG en Illustrator o Figma.
### Para impresión en tela o corte láser
Bordado digital, corte láser, corte de vinilo — el equipo usa el archivo vectorial directamente. PNG no sirve para este fin.
Cuándo usar PNG
### Para web y aplicaciones
Los navegadores cargan PNG rápidamente y la pantalla tiene resolución fija (72–144 DPI). Un PNG de 600×600 píxeles cubre la mayoría de las situaciones web sin la sobrecarga del SVG.
En páginas de alta velocidad, SVG inline puede ser incluso mejor — pero para un simple <img src="qr.png">, el PNG funciona perfectamente.
### Para redes sociales
Instagram, Facebook, LinkedIn, TikTok — todas las plataformas aceptan PNG y comprimen imágenes de todas formas. Sube un PNG de 800×800 píxeles y listo. SVG no siempre es aceptado en subidas de imagen de perfil o publicación.
Para QR Code en Instagram Stories o feed, usa PNG.
### Para email marketing
Los clientes de email (Gmail, Outlook) no renderizan SVG embebido de forma confiable. Usa siempre PNG en newsletters y emails transaccionales. Un PNG de 400×400 píxeles ya es suficiente para pantalla.
QR Code en firma de email — usa PNG, no SVG.
### Para documentos Word y PowerPoint
Microsoft Office no importa SVG de forma estable en todas las versiones. Para insertar QR en presentación o documento, PNG es más seguro y universal.
Para QR Code en PDF, tanto PNG en alta resolución como SVG funcionan, dependiendo del software usado para generar el PDF.
Tabla rápida
| Situación | Formato ideal | Por qué |
|---|---|---|
| Banner, lona, fachada grande | SVG | Escala infinita, sin pixelación |
| Adhesivo de vinilo / corte láser | SVG | El equipo usa vectorial |
| Enviar a imprenta o diseñador | SVG | Redimensionamiento libre |
| Figma / Illustrator / Canva | SVG | Edición vectorial |
| Sitio web, landing page | PNG o SVG | Ambos funcionan bien |
| Redes sociales (post, stories) | PNG | Las plataformas comprimen |
| Email marketing / newsletter | PNG | SVG no renderiza en email |
| Word, PowerPoint | PNG | Compatibilidad Office |
| Impresión pequeña (tarjeta, menú) | PNG 300 DPI+ | Resolución suficiente |
| QR con logo editable | SVG | Logo editable en vectorial |
Buenas prácticas de exportación y prueba
Para SVG:
- Exporta como SVG limpio (sin metadatos innecesarios).
- Verifica que el archivo se abre correctamente en Illustrator o Inkscape antes de enviarlo a la imprenta.
- Pide a la imprenta confirmación del tamaño final de impresión.
Para PNG:
- Calcula la resolución: tamaño en cm × DPI ÷ 2,54 = píxeles necesarios.
- Para impresión, usa mínimo 300 DPI. Para pantalla, 72–144 DPI es suficiente.
- Exporta con fondo blanco o transparente según la necesidad.
Prueba siempre:
- Imprime una copia de prueba antes de tirar 500 unidades.
- Escanea con al menos 3 celulares diferentes.
- Prueba en condiciones de iluminación variada.
Guía completa de QR dinámico explica por qué el tamaño de la URL afecta directamente la densidad del QR y la calidad de lectura.
Errores comunes
❌ Usar PNG pequeño ampliado en la imprenta
El error más frecuente. El cliente descarga un PNG de 200×200 píxeles (el tamaño predeterminado de vista previa) y lo manda a imprimir en un banner de 1 m. Resultado: QR pixelado, ilegible, ningún celular lo escanea. Siempre pide SVG o PNG en alta resolución para impresión grande.
❌ Creer que "calidad alta" en el exportador lo resuelve todo
Algunos generadores ofrecen "PNG calidad alta" con 500×500 píxeles. Eso resuelve para impresión hasta ±4 cm. Para un banner de 60 cm, seguirá pixelando. SVG es la solución definitiva para grandes formatos.
❌ Usar SVG en email
El cliente abre el email en Outlook y no ve el QR — porque SVG no renderiza. Nadie escanea lo que no aparece. Usa PNG.
❌ Confundir resolución de pantalla con resolución de impresión
"Se veía genial en el monitor" no significa que se verá bien impreso. Monitor: 72–96 DPI. Impresión calidad gráfica: 300 DPI. Un PNG que parece grande en pantalla puede ser minúsculo y borroso impreso.
❌ No verificar que el SVG está correcto antes de enviar
SVG generado con un bug (módulos faltantes, colores incorrectos) puede parecer correcto en pantalla pero fallar al imprimirse. Ábrelo en Illustrator o Inkscape y confirma que todos los módulos del QR aparecen nítidos y completos.
Ve los errores comunes de QR Code para una lista completa de problemas que comprometen la lectura.
Resumen
- Impresión grande (banner, fachada, imprenta) → SVG siempre.
- Un diseñador o imprenta va a usar el archivo → SVG siempre.
- Web, redes sociales, stories → PNG (600–1200 px es suficiente).
- Email marketing u Office → PNG obligatorio.
- PNG para impresión → calcula la resolución: tamaño × 300 DPI ÷ 2,54.
- Nunca amplíes un PNG pequeño — genera uno nuevo en tamaño mayor o usa SVG.
- Prueba antes de imprimir en cantidad — 3 celulares, iluminaciones variadas.
Genera tu QR Code en SVG o PNG — elige el formato correcto en la exportación e imprime con calidad en cualquier tamaño.
