SVG vs PNG para Códigos QR: Qué Formato Descargar

La mayoría de generadores de códigos QR ofrecen PNG, SVG, PDF y a veces EPS, sin explicar cuál debes descargar realmente. La elección no es arbitraria. Escoge el formato incorrecto y obtienes un código QR que se ve perfecto en pantalla, se imprime borroso en gran formato, y falla en el escaneo. Descarga SVG cuando vayas a imprimir a cualquier tamaño. Descarga PNG cuando lo vayas a mostrar en pantalla a un tamaño de píxeles fijo. La diferencia práctica: un PNG de 200×200 píxeles estirado en un banner de feria se pixelará y probablemente fallará en el escaneo; un SVG del mismo código se imprime perfectamente a 3 metros de ancho.

Qué son realmente SVG y PNG

Entender la diferencia de formato tarda unos 30 segundos y hace que la decisión de descarga sea obvia cada vez.

PNG (Portable Network Graphics) es un formato de imagen rasterizado. Almacena tu código QR como una cuadrícula de píxeles individuales, cada píxel con un valor de color específico asignado (blanco o negro para un código QR estándar). Cuando escalas un PNG más allá de sus dimensiones de píxeles originales, el renderizador tiene que inventar nuevos píxeles para rellenar el espacio, lo que desenfoca los límites nítidos de blanco a negro de los que dependen los lectores de códigos QR.

SVG (Scalable Vector Graphics) almacena el código QR como descripciones matemáticas de formas, esencialmente "un cuadrado negro que empieza en las coordenadas (10, 10) con lado de 20 píxeles" para cada módulo del código. Cuando escalas un SVG hacia arriba o hacia abajo, el renderizador recalcula esas formas al nuevo tamaño. La salida siempre es perfecta al píxel a la resolución que estés renderizando, porque no hay estiramiento de píxeles involucrado.

Para los códigos QR específicamente, esta distinción importa más que para fotografías o ilustraciones, porque los lectores de códigos QR son estrictos respecto a los límites de los módulos. Una foto con bordes ligeramente borrosos se ve bien para un humano. Un código QR con bordes de módulo borrosos puede fallar completamente en decodificarse.

Cuándo SVG es la elección correcta

Usa SVG para cualquier código QR que se vaya a imprimir en un material físico.

Tarjetas de visita y papelería

Los códigos QR en tarjetas de visita son a menudo pequeños, 1,5 cm a 2,5 cm cuadrados es habitual (consulta nuestra guía de tamaño para imprimir códigos QR para especificaciones exactas). A ese tamaño, un PNG de alta resolución (1000×1000 píxeles te da 85 DPI a 12 mm, que está por debajo del mínimo de 150 DPI para impresión nítida) puede parecer ligeramente suave en una prensa profesional. SVG elimina esta preocupación completamente: el software RIP de la impresora renderiza las formas vectoriales a la resolución de salida completa, típicamente 1200–2400 DPI en prensas offset modernas. Puedes generar un código QR para tarjeta de visita en SVG en QR Nova de forma gratuita.

Folletos, pósters y gran formato

Aquí es donde el PNG falla de forma más visible. Un PNG de código QR descargado a 500×500 píxeles se ve bien en pantalla. Imprímelo en un folleto A4 a 5 cm cuadrados (unos 2 pulgadas) y estás a unos 100 DPI, justo por debajo del umbral para impresión nítida. Estíralo a 10 cm para un póster y la pixelación es obvia. SVG renderiza al DPI que soporte el dispositivo de salida, así que siempre es nítido.

Packaging de producto

Los códigos QR en packaging pasan por múltiples conversiones de formato durante la producción: archivo del diseñador a preimpresión a plancha a impresión. Cada conversión debería preservar la calidad vectorial si empiezas con SVG. Empezar con un PNG rasterizado introduce artefactos de compresión en cada etapa. Para un código que aparece en 100.000 unidades, usa SVG y evita cualquier ambigüedad sobre la calidad de salida.

Señalización y gráficos de entorno

Los vinilos de escaparate, gráficos de pared, rotulación de vehículos y señalización arquitectónica se producen a tamaños donde cualquier PNG fallará. SVG es la única opción sensata. La salida típica de gran formato es a 72–150 DPI pero a dimensiones físicas muy grandes, la matemática solo funciona a tu favor cuando empiezas con un vector.

Cuándo PNG es la elección correcta

PNG está bien, y a menudo es más conveniente, para casos de uso digitales donde el tamaño de visualización es fijo.

Sitios Web y aplicaciones Web

Un código QR mostrado en línea en una página web a 300×300 píxeles CSS no necesita escalarse. Un PNG de 1000×1000 píxeles a ese tamaño de visualización te da una resolución 3× para pantallas retina/HiDPI. Perfectamente suficiente, y los archivos PNG son universalmente soportados en todos los navegadores sin ningún manejo adicional.

Los SVG en contextos web también pueden comportarse de forma extraña si el archivo SVG contiene datos rasterizados embebidos o ajustes de viewport incorrectos. Para códigos QR simples, el SVG debería renderizarse limpiamente, pero PNG elimina cualquier incertidumbre si no te sientes cómodo inspeccionando el código SVG.

Presentaciones y diapositivas

Google Slides, PowerPoint y Keynote admiten ambos formatos. A tamaños típicos de presentación (el código QR ocupa aproximadamente un cuarto de una diapositiva), un PNG de 1000×1000 es más que suficiente. El soporte de SVG en herramientas de presentación es inconsistente, algunas herramientas rasterizan los SVG al importarlos de todos modos, negando la ventaja.

Email y mensajería

Los clientes de email tienen soporte variable de SVG. PNG es el predeterminado seguro para cualquier código QR enviado en un email o mensaje. Usa un PNG mínimo de 600×600 píxeles para email, reconociendo que los clientes de email móviles pueden escalar la imagen y una resolución más alta proporciona un margen.

Pantallas digitales a resolución fija

Las pantallas de televisión, señalización digital y pantallas de monitor se renderizan a dimensiones de píxeles fijas. Una pantalla de 1080p que muestra un código QR a 400×400 píxeles se beneficia de un PNG de 400×400 u 800×800 (para retina). Sin escalado involucrado significa sin pérdida de calidad.

El modo de fallo específico: PNG ampliado

El error de formato de código QR más habitual es descargar un PNG de baja resolución y luego ampliarlo para imprimir. Esto es exactamente lo que sale mal:

Un PNG de código QR descargado al tamaño por defecto de muchos generadores es 200×200 o 300×300 píxeles. A la resolución de impresión (300 DPI), eso corresponde a un tamaño físico de aproximadamente 17 mm cuadrados, más pequeño que un sello de correos. Cualquier cosa más grande y la imagen debe ampliarse por el software de diseño o la impresora, lo que desenfoca los bordes de los módulos mediante interpolación.

Los lectores de códigos QR detectan el patrón encontrando límites de alto contraste entre módulos. Los límites borrosos reducen el contraste. La norma ISO/IEC 18004 especifica una diferencia de reflectancia mínima del 40 % entre módulos y fondo para un escaneo fiable. El escalado bilineal o bicúbico puede reducir a la mitad el contraste efectivo en los bordes de los módulos. El código puede escanear en un smartphone de cámara de alta calidad con buena iluminación, y fallar en un dispositivo más antiguo o con iluminación mixta, exactamente el entorno donde quieres máxima fiabilidad.

La prueba: si recibiste un archivo PNG y no estás seguro de si tiene suficiente resolución para tu tamaño de impresión previsto, comprueba las dimensiones de píxeles. Divide el ancho de píxeles entre 300 para obtener el ancho máximo de impresión fiable en pulgadas (o divide entre 118 para centímetros). Un PNG de 600 píxeles es fiable hasta 2 pulgadas (unos 5 cm). Cualquier cosa más grande, usa SVG.

Otros formatos: eps, PDF y jpeg

Algunos generadores de códigos QR también ofrecen exportaciones en EPS, PDF y JPEG.

EPS (encapsulated postscript)

EPS es un formato vectorial, como SVG, que se renderiza a cualquier tamaño con perfecta nitidez. Es el estándar heredado para flujos de trabajo de impresión profesional, los sistemas de preimpresión, las imprentas offset y las herramientas de diseño más antiguas (era de Adobe Illustrator CS) suelen preferir EPS. Si tu imprenta solicita "un archivo vectorial" y no estás seguro de qué formato quieren, pregunta específicamente. La mayoría de flujos de trabajo de impresión modernos aceptan PDF vectorial; algunos sistemas más antiguos siguen usando EPS por defecto.

PDF (vectorial)

El PDF puede ser rasterizado o vectorial dependiendo de cómo se genere. Un generador de códigos QR que exporta un PDF vectorial te está dando algo equivalente a SVG o EPS para fines de impresión. Confirma que el PDF es vectorial (no una imagen rasterizada embebida en un contenedor PDF) haciendo zoom al 1600 % en un visor de PDF, si el código permanece nítido, es vectorial; si se pixela, es rasterizado.

JPEG

Nunca uses JPEG para códigos QR. La compresión JPEG es con pérdida e introduce artefactos en los límites de alto contraste entre módulos, exactamente donde la fiabilidad del escaneo depende de bordes limpios. Incluso a la máxima calidad JPEG, los artefactos pueden causar fallos de escaneo en lectores más antiguos o de menor calidad. No hay ningún escenario donde JPEG sea la elección correcta para un código QR.

Disponibilidad de SVG por plataforma (abril 2026)

La disponibilidad de exportación SVG varía por plataforma y nivel de precios:

• QR Nova: SVG disponible gratis en todos los tipos de código estático, sin cuenta requerida.
• QR Code Monkey: SVG disponible gratis para códigos estáticos. Una de las pocas plataformas que no pone la exportación vectorial detrás de un muro de pago.
• QR Tiger: La exportación SVG es una función de pago. El nivel gratuito solo genera PNG. Los planes de pago a partir de 7 €/mes incluyen descargas SVG y EPS.
• Flowcode: SVG incluido en planes de pago; el nivel gratuito es solo PNG.
• Bitly: Los formatos de descarga de código QR están limitados en el nivel gratuito; SVG reservado para planes de pago.

Si SVG está bloqueado detrás de un muro de pago y solo necesitas un código estático, la solución más sencilla es usar un generador que ofrezca SVG gratis. Para un código QR para tarjeta de visita o un código QR de WiFi que se va a imprimir, no hay razón para pagar por la exportación SVG. QR Nova genera ambos como SVG gratis, sin registro requerido.

Cómo usar tu código QR en SVG en un archivo de diseño

Una vez que tienes un SVG, el flujo de trabajo para la mayoría de herramientas de diseño es sencillo:

Adobe Illustrator: Archivo → Colocar (o arrastrar y soltar). El SVG se importa como un objeto vectorial vinculado o incrustado. Puedes desagrupar y modificar los elementos individuales de los módulos si es necesario, útil para aplicar colores personalizados o incrustar un logo con colocación precisa.

Figma: Arrastra el archivo SVG al lienzo. Figma importa SVG como un grupo vectorial. El código puede escalarse libremente. Para incrustar un logo, crea un marco centrado sobre el código y añade tu logo; esto funciona porque los códigos QR tienen corrección de errores incorporada en Nivel H, que puede tolerar hasta un 30 % de obstrucción visual mientras sigue siendo escaneable.

Canva: Sube el SVG como elemento personalizado. Canva admite las subidas de SVG en los planes Pro; las cuentas gratuitas pueden ver el SVG rasterizado al importar, lo que niega la ventaja vectorial. Si usas Canva gratuito para impresión, solicita un PNG de alta resolución del generador (al menos 1000×1000) en su lugar.

InDesign: Archivo → Colocar. InDesign gestiona el SVG vectorial limpiamente y pasa los datos vectoriales al PDF listo para imprimir. Este es el flujo de trabajo ideal para la producción de impresión profesional.

Para los archivos de producción de impresión, incrusta el SVG en lugar de vincularlo donde sea posible, para evitar problemas de enlaces rotos cuando el archivo se envía a una imprenta o a una máquina diferente.

Una regla práctica

Si tienes dudas, descarga los dos. La mayoría de generadores que ofrecen SVG también ofrecen PNG al mismo tiempo. Guarda el SVG para la producción de impresión, el PNG para uso digital rápido. El coste de almacenamiento es insignificante; la elección del formato incorrecto para una tirada de packaging de 50.000 unidades no lo es.

Puedes descargar tu código QR como SVG gratis en QR Nova, sin cuenta, sin suscripción, y sin restricciones de formato en los códigos estáticos.