¿PNG o SVG para un código QR?
La diferencia entre un mapa de bits y un archivo vectorial, lo que dan de sí realmente 1024 píxeles sobre papel y cuál de los dos usar en cada sitio donde acaba un código.
Respuesta cortaUsa el SVG para todo lo que se imprima o se edite en una herramienta de diseño, porque escala a cualquier tamaño con los bordes de los módulos perfectamente nítidos. Usa el PNG para documentos, diapositivas, correo, redes sociales y páginas web, colocado a su tamaño natural o más pequeño. Nunca amplíes un PNG pequeño y nunca conviertas un código QR a JPG.
Mapa de bits frente a vector
Un PNG es un mapa de bits: una cuadrícula fija de píxeles, cada uno con un color. Un código QR guardado así se ve perfecto a su tamaño natural, pero cada módulo es un bloque de píxeles, y el archivo no sabe que esos bloques deberían ser cuadrados de bordes duros.
Un SVG es un archivo vectorial: una descripción de formas. Un código QR guardado en SVG es, literalmente, una lista de cuadrados con sus coordenadas. Lo que sea que lo muestre —el RIP de una imprenta, un navegador, una herramienta de diseño— dibuja esos cuadrados de nuevo al tamaño que pidas, así que los bordes siguen siendo duros tanto a 2 cm como a 2 m.
Esa diferencia importa más en un código QR que en la mayoría de gráficos. Un lector encuentra los módulos buscando la transición nítida entre oscuro y claro. Todo lo que suavice esa transición —remuestreo, compresión, desenfoque— resta directamente fiabilidad a la lectura.
El generador de este sitio te da los dos: un PNG de 1024 × 1024 px (qr-code.png) y un SVG vectorial (qr-code.svg). Ambos incluyen la zona de silencio de cuatro módulos, así que a ninguno hay que añadirle margen, y ninguno debe recortarse. Si eliges colores o añades un logo en el generador de códigos QR personalizados, los dos archivos los llevan incorporados.
Qué archivo usar en cada sitio
| Uso | Formato | Por qué |
|---|---|---|
| Impresión profesional: flyers, carteles, empaques | SVG | Nítido a cualquier tamaño; las imprentas prefieren artes vectoriales. |
| Gran formato: lonas, señalización, rotulación de vehículos | SVG | Un mapa de bits tendría que ampliarse muy por encima de sus píxeles. |
| Illustrator, InDesign, Affinity, Figma | SVG | Se importa como formas editables que puedes escalar y colocar libremente. |
| Canva | SVG o PNG | Canva acepta SVG; el PNG también sirve a tamaños moderados. |
| Word, Google Docs, Pages | PNG | Compatible en todas partes y se imprime bien a tamaño de documento. |
| PowerPoint, Google Slides, Keynote | PNG | Funciona en todos; las versiones recientes de PowerPoint y Keynote también aceptan SVG. |
| Boletines y firmas de correo | PNG | Muchos clientes de correo no muestran SVG. |
| Publicaciones en redes sociales | PNG | Las plataformas aceptan PNG; la mayoría rechaza el SVG. |
| Páginas web | PNG o SVG | Los dos funcionan en el navegador; el SVG se mantiene nítido en pantallas de alta densidad. |
| Impresora de oficina o de casa | PNG | Va bien hasta su tamaño natural de impresión; SVG si lo necesitas más grande. |
Si dudas, guarda los dos archivos. Codifican exactamente el mismo contenido, así que no hay riesgo en usar uno para el cartel y el otro para el boletín. Los consejos de colocación están en las guías de flyers y carteles y de presentaciones.
Qué significan 1024 × 1024 píxeles sobre papel
La resolución de impresión se mide en puntos por pulgada (ppp o DPI). Dividir el ancho en píxeles entre los DPI da el tamaño máximo al que la imagen se imprime con esa resolución.
| Resolución | Uso habitual | Ancho máximo |
|---|---|---|
| 300 DPI | Material que se lee de cerca: tarjetas, flyers, etiquetas | unos 8,7 cm |
| 150 DPI | Carteles y señalización que se leen a distancia | unos 17 cm |
| 72–96 DPI | Pantallas, diapositivas, web | No es una limitación de impresión |
Por debajo de esos anchos, el PNG es una opción segura. Por encima, le pides al software que se invente píxeles, y al hacerlo suavizará los bordes. Los códigos QR lo toleran mejor que las fotografías, porque los módulos son bloques grandes, pero no hay motivo para arriesgarse teniendo el SVG. El tamaño que debe tener realmente el código es otra cuestión, que se trata en tamaño del código QR para imprimir.
Tres maneras de estropear un buen archivo
- Ampliar un PNG pequeño. Un código de 200 píxeles sacado de una captura y estirado para llenar un A4 se imprime con bordes borrosos o escalonados. Vuelve a generar el código y usa el SVG en lugar de ampliar lo que tienes.
- Guardarlo como JPG. La compresión JPEG está pensada para fotografías y deja artefactos tenues alrededor de los bordes duros, justo donde un código QR tiene más bordes. Un código que se lee bien en PNG puede quedar al límite tras pasar por JPG. Mantenlo en PNG o SVG.
- Hacer una captura de pantalla del código. Una captura recoge el código al tamaño que tuviera en pantalla, a menudo ya escalado. Descarga el archivo en lugar de capturarlo.
Cambiar los colores o añadir un logo son decisiones aparte, con sus propios riesgos. Lo más seguro es hacerlo en el propio generador, que exige contraste suficiente y protege el logo con corrección de errores alta, en lugar de editar el SVG a mano; consulta colores de un código QR y códigos QR con logo. Cambies lo que cambies, escanea el archivo final antes de usarlo en ningún sitio.
Consigue un PNG y un SVG de tu enlace:Generar un código QR
Preguntas relacionadas
SVG. Es un archivo vectorial, así que se imprime con los bordes de los módulos nítidos a cualquier tamaño, y las imprentas prefieren artes vectoriales. Un PNG sirve para la impresora de la oficina siempre que no lo amplíes por encima de su tamaño natural de impresión.
Unos 8,7 cm de ancho a 300 DPI, adecuado para material que se lee de cerca, o unos 17 cm a 150 DPI, lo normal en señalización que se mira a distancia. Por encima de eso, usa el SVG.
Mejor no. La compresión JPEG añade artefactos alrededor de los bordes duros, que es justo donde un código QR lleva su información. Usa PNG para mapas de bits y SVG para todo lo que necesite escalarse.
Sí. Canva acepta SVG, y luego puedes cambiar el tamaño del código sin perder nitidez. Respeta el margen en blanco que lo rodea y no lo coloques sobre una fotografía.
PNG. Muchos clientes de correo no muestran imágenes SVG, mientras que el PNG funciona casi en todas partes. Insértalo a un tamaño que se escanee con comodidad desde una pantalla, entre 150 y 250 píxeles de ancho.