Formatos de archivo QR: SVG, PNG y PDF para impresión y pantallas
Elige SVG, PNG, PDF o EPS para códigos QR según el canal — resolución, escalado, entrega a imprenta y cuándo gana cada formato.
Un código QR que escanea perfecto en la vista previa del generador puede fallar tras el export — no por contraste o zona de silencio, sino porque el formato de archivo no encajaba con el canal. Ampliar un PNG de 200×200 a una lona de feria suaviza los bordes de los módulos. Integrar un ráster de resolución de pantalla en un PDF de packaging invita al desenfoque tras la conversión CMYK. Enviar un JPEG aplanado a una imprenta que esperaba vectores obliga a costosas correcciones.
Esta guía forma parte de nuestra colección de buenas prácticas QR. Se centra en los formatos de exportación: SVG, PNG, PDF y cuándo el EPS sigue apareciendo en especificaciones de proveedor. Temas como contraste, tamaño y zona de silencio e impresión y colocación cubren el aspecto del símbolo y dónde vive; aquí asumimos que esas reglas ya están en el brief y nos concentramos en cómo empaquetar el artwork para pantallas, apps y producción impresa.
Tanto si entregas archivos a una imprenta de packaging, insertas un código en una pipeline de assets móviles o publicas un gráfico hero en una landing, el contenedor correcto protege la escaneabilidad desde el diseño hasta la entrega.
Por qué el formato es una decisión de producción
Los módulos QR son geometría binaria: cuadrados oscuros sobre campo claro, más patrones de búsqueda y zona de silencio. Esa geometría solo sobrevive al export si el formato preserva bordes nítidos en el tamaño físico o de píxeles final.
Los formatos difieren en tres ejes que importan en campañas:
- Vector vs. ráster — los vectores (SVG, muchos PDF, EPS) describen formas matemáticamente y escalan limpio; los rásteres (PNG, JPEG) guardan una cuadrícula fija de píxeles.
- Color y transparencia — los flujos de impresión suelen necesitar contenedores conscientes de CMYK o perfiles embebidos; web y apps prefieren PNG RGB o SVG con alfa predecible.
- Convenciones de entrega — imprentas, agencias y stores esperan extensiones y reglas de compresión concretas. El «mejor» formato técnico pierde si el proveedor no puede abrirlo.
Entender cómo funcionan los códigos QR explica por qué los bordes blandos dañan la decodificación. Los bordes suaves convierten módulos nítidos en papilla gris bajo la binarización de la cámara. La elección de formato es cómo evitas esa papilla antes de que viaje la tinta o los píxeles.
Las campañas dinámicas añaden un cuarto punto: la carga útil codificada puede ser una URL corta de redirección editable después sin reimprimir. Herramientas como el generador QR dinámico de Izoukhai permiten actualizar destinos en un panel mientras el gráfico impreso o publicado permanece igual — un export correcto una vez rinde durante toda la vida del asset. Compara códigos QR estáticos vs dinámicos al decidir si el archivo de hoy debe codificar un destino permanente o una redirección modificable.
SVG: el valor por defecto para impresión y gran formato
SVG (Scalable Vector Graphics) guarda el patrón QR como trazados o formas vectoriales. Amplíalo de una tarjeta de visita a una valla: los bordes de los módulos siguen nítidos matemáticamente. Esa propiedad hace del SVG el master preferido para la mayoría de trabajos de impresión cuando el generador lo ofrece.
Fortalezas
- Independiente de la resolución — sin matemáticas de DPI para el símbolo; fijas el ancho físico en el software de maquetación.
- Archivo a menudo ligero en códigos en blanco y negro o de color plano frente a rásteres enormes de alta DPI.
- Editable en Illustrator, Affinity, Inkscape y muchas herramientas de preimpresión — colocar, escalar y alinear sin remuestreo.
- La zona de silencio viaja con el arte cuando el generador la incluyó en el viewBox — evita recortarla después.
Izoukhai incluye exportación SVG junto con personalización (colores, formas, marcos, logos) y códigos dinámicos ilimitados, por eso equipos de marca y packaging suelen guardar el SVG como master de impresión y derivar otros formatos cuando hace falta.
Precauciones
- No todo RIP o plotter antiguo acepta SVG de forma nativa — algunos proveedores aún quieren PDF o EPS. Convierte con cuidado; no rasterices a baja resolución «por compatibilidad».
- Logos complejos dentro del SVG pueden inflar el archivo o provocar recortes inesperados. Prefiere una placa sólida detrás del logo, como en branding de códigos QR con logos y colores.
- El SVG en la web es excelente para iconos nítidos, pero algunos clientes de correo bloquean SVG. En email, usa PNG.
Cuándo elegir SVG
Usa SVG como entregable principal para dielines de packaging, pósters, lonas, wrapping de vehículos, menús destinados a impresión profesional y cualquier layout donde el código pueda redimensionarse tras el export. Guarda el SVG en tu DAM como fuente de verdad.
PNG: el caballo de batalla para pantallas y anuncios digitales
PNG es un formato ráster sin pérdida. Ideal cuando necesitas una cuadrícula fija de píxeles: sitios web, anuncios sociales, app stores, presentaciones renderizadas como bitmap y email.
Fortalezas
- Soporte universal en navegadores, CMS y herramientas de diseño.
- Compresión sin pérdida que preserva bordes duros de los módulos mejor que JPEG (nunca uses JPEG para códigos QR — los artefactos inventan «módulos» falsos).
- Transparencia opcional para colocar un código sobre un fondo de marca sólido en digital (respetando siempre el contraste).
Reglas de resolución que sí importan
Un PNG solo es tan bueno como sus dimensiones en píxeles en el tamaño en que se muestra.
Objetivos prácticos:
| Ubicación | Ancho mínimo sugerido (píxeles) | Notas |
|---|---|---|
| Favicon / UI diminuta | Evita QR aquí | Demasiado pequeño para escaneos fiables |
| In-app o web móvil | 256–512 px | Prueba en dispositivo, no solo escritorio |
| Bloque de contenido web | 512–1024 px | Retina: preferible 2× el tamaño CSS |
| Vista previa DOOH | Pitch LED × módulos | Confirma con el proveedor de pantallas |
| Fallback de impresión sin SVG | ≥ 300 DPI al tamaño físico final | Ej.: 5 cm ≈ 2 in → ≥ 600 px |
No tomes un PNG web de 150×150 y lo estires a tamaño de impresión. Ampliar inventa píxeles; las cámaras ven desenfoque. Reexporta desde el generador (o el master SVG) al tamaño requerido.
Cuándo elegir PNG
Elige PNG para sitios, creatividades sociales, apps móviles, señalética digital con pipeline bitmap y cualquier canal que rechace SVG. Documenta el tamaño en píxeles en el kit de marca para que ninguna agencia «mejore» el archivo ampliando una miniatura.
PDF: el contenedor del trabajo de impresión
PDF suele ser lo que la imprenta recibe de verdad — no porque el PDF dibuje módulos mejor que un SVG, sino porque es el contenedor documental de trabajos multipágina, sangrado, marcas de corte, tipografías y espacios de color.
Fortalezas
- Estándar de la industria para la entrega de impresión comercial.
- Puede incrustar artwork QR vectorial para mantener módulos nítidos; el PDF es una envoltura, no necesariamente una rasterización.
- Permite notas de tamaño, soporte y acabado en el mismo paquete.
Regla crítica: vectores dentro, no capturas aplanadas
Un PDF que contiene un PNG de baja resolución de un QR sigue siendo un QR de baja resolución. Al colocar el arte en InDesign, Illustrator o Affinity Publisher:
- Coloca el SVG (o el export PDF vectorial del generador) en el layout.
- Exporta el PDF de impresión con ajustes que no reduzcan las imágenes por debajo de tu suelo de DPI — o mejor, mantén el QR como vectores para que el downsampling no se aplique nunca.
- Confirma que la zona de silencio no la recorta el sangrado ni las reglas de caja.
Si el generador exporta PDF directamente, verifica en Acrobat o Vista Previa que un zoom fuerte sigue mostrando cuadrados nítidos, no manchas pixeladas. Cuadrados blandos significan rasterización por el camino.
Cuándo elegir PDF
Usa PDF cuando el entregable es una pieza impresa completa (folleto, sleeve, póster con otros elementos) o cuando el portal del proveedor solo acepta PDF/X. Genera primero el QR en SVG y colócalo después en el layout PDF.
EPS y otros formatos vectoriales heredados
El EPS (Encapsulated PostScript) aún aparece en flujos antiguos de packaging y textil. Funcionalmente cumple un rol similar al SVG: geometría vectorial para RIPs anteriores a pipelines amigables con SVG.
Orientación:
- Si el proveedor exige EPS, exporta o convierte desde SVG/PDF con cuidado y pide confirmación de que los vectores siguen siendo trazados editables, no un ráster anidado.
- Prefiere SVG o PDF/X en proyectos nuevos cuando se permita — herramientas y colaboración suelen ser mejores.
- No inventes un EPS «imprimiendo» un PNG a PostScript; eso anula el propósito.
AI, CDR y CAD propietarios quedan fuera de la mayoría de generadores QR. Coloca el SVG en la herramienta nativa y guarda una prueba PDF para el visto bueno.
Matriz rápida de decisión: formato por canal
| Canal | Formato preferido | Fallback aceptable | Evitar |
|---|---|---|---|
| Packaging / impresión comercial | SVG → colocado en PDF | PNG alta DPI (≥300 DPI) | JPEG, PNG web diminuto |
| Lonas gran formato | SVG | PDF vectorial | Captura ampliada |
| Web / blog | SVG o PNG @2× | PNG @1× | Solo PDF para el código |
| PNG | GIF (raro) | SVG (soporte de clientes) | |
| Assets de app móvil | PNG (densidades) o SVG si se soporta | — | JPEG |
| Anuncios sociales | PNG | — | |
| Portal de imprenta | PDF con vectores embebidos | EPS si lo imponen | Solo enlace Canva editable |
Para la medición tras la decisión de formato, consulta el seguimiento de campañas QR dinámicas. El formato hace que el escaneo tenga éxito; la analítica dice si la colocación convierte.
Resolución, DPI y la trampa de «imprimir desde la web»
Los equipos suelen confundir píxeles de pantalla, DPI de impresión y tamaño de módulo.
- El tamaño de módulo es el ancho físico de un cuadrado oscuro/claro — regido por la distancia de escaneo y las reglas de contraste de las guías compañeras.
- El DPI (o PPI) describe cuántos píxeles cubren una pulgada de impresión cuando el asset es ráster.
- Los assets vectoriales eluden el DPI para la geometría del símbolo hasta que algo los rasteriza (un RIP, un aplanador PDF o un export descuidado).
El fallo clásico: el diseñador descarga un PNG gratuito, lo pone en un póster de un metro y la imprenta «upsamplea». El póster se ve bien a ojos humanos de lejos; las cámaras del móvil discrepan. Solución: regenerar en el formato y tamaño correctos y luego probar antes de imprimir.
Cuando debas entregar ráster para impresión, calcula:
píxeles necesarios de ancho = ancho físico (pulgadas) × DPI
A 300 DPI, un código de 2 pulgadas de ancho necesita al menos 600 píxeles — y preferiblemente margen si incluye logo o módulos redondeados. A 150 DPI, el mismo tamaño físico ya está en zona de peligro para escaneo cercano.
Escalar sin destruir la escaneabilidad
Prácticas seguras:
- Escala vectores con libertad en el layout; fija el ancho físico final con la guía distancia-a-tamaño de impresión y colocación.
- Nunca amplíes rásteres por encima del 100 % de sus píxeles nativos para impresión. ¿Necesitas más grande? Reexporta.
- Reducir rásteres para la web está bien si partes de un master nítido; aun así verifica que los módulos no se fusionen tras una compresión agresiva en un CDN.
- Mantén la zona de silencio al encajar en marcos estrechos — recortar por «equilibrio visual» es un error frecuente de preimpresión.
- Un tamaño no sirve para todos los medios. Un PNG de valla y un PNG de tarjeta de visita deben ser exports distintos, o un solo SVG reutilizado a tamaños físicos diferentes.
Los códigos de marca con logo exigen cuidado extra: el asset del logo dentro del QR debe ser él mismo de alta resolución o vectorial, o el centro se convierte en el eslabón débil aunque los módulos estén perfectos.
Lista de entrega al proveedor
Trata la entrega de archivos como un mini release:
- Archivo primario — SVG (o PDF/EPS exigido) con zona de silencio incluida.
- Dimensiones físicas — ancho y alto finales en mm o pulgadas; indica que el tamaño es obligatorio para la distancia de escaneo.
- Notas de modo de color — expectativas RGB vs CMYK; prohíbe aclarar módulos para «igualar la tinta de marca».
- Lista de no alterar — sin recolorear módulos, sin sombras paralelas, sin filtros de nitidez, sin compresión extra.
- Requisito de prueba — prueba de contrato en el soporte final; escaneo iOS y Android antes de la tirada (lista de pruebas).
- Nota dinámico vs estático — si el código es dinámico, aclara que el gráfico es final aunque la URL de destino pueda cambiar después; el proveedor no debe regenerar el patrón desde una URL larga en su herramienta.
- Archivo — master SVG + PDF aprobado + fotos de pruebas de escaneo con el ticket del trabajo.
Si una agencia quiere «reconstruir» el QR en su plugin favorito, insiste en el export aprobado de tu generador o en regenerar desde la misma URL corta dinámica. Generadores competidores pueden cambiar ligeramente el patrón de módulos; puede ser aceptable en lo técnico, pero invalida pruebas anteriores.
Apps, web y assets multi-densidad
Las apps móviles suelen enviar buckets de densidad (@1x, @2x, @3x PNG) o drawables vectoriales. Prefiere:
- Android: pipeline de vector drawable / SVG si el código es simple; si no, PNG por densidades.
- iOS: assets PDF vectoriales o PNG @2x/@3x según la práctica del catálogo de assets.
- Web: SVG inline o
<img>para nitidez retina; fallback PNG para pipelines antiguas. - PWA: comprueba que la caché no sirva un PNG antiguo tras un rebrand.
Para códigos in-app que abren deep links, las redirecciones dinámicas permiten cambiar destinos sin publicar una actualización de app — otra razón para separar export gráfico y gestión de destino. El plan único de Izoukhai (3,99 $/mes o 39,99 $/año, aproximadamente un 20 % de ahorro anual) incluye códigos QR ilimitados y escaneos ilimitados, analítica en tiempo real, redirecciones inteligentes, personalización y exportación SVG, con códigos que siguen funcionando tras cancelar — útil cuando binarios de app e inserts impresos comparten el mismo visual pero necesitan control de destino independiente.
Errores frecuentes de formato (y correcciones)
Exports JPEG. Artefactos en bloque inventan celdas falsas. Corrección: solo PNG o SVG.
Captura de la UI del generador. Incluye chrome, compresión y recorte incorrecto. Corrección: botón de descarga/export.
Un solo PNG para todos los tamaños. Blando en gran formato, sobredimensionado en web. Corrección: master SVG + derivados PNG por tamaño.
PDF de una colocación low-DPI aplanada. Nítido en miniatura. Corrección: zoom al 400 % e inspecciona bordes; sustituye por vectores.
PNG transparente sobre foto ocupada. El contraste se derrumba. Corrección: placa sólida de zona de silencio; ver guía de contraste.
El proveedor «optimiza» el peso. La recompresión suaviza bordes. Corrección: marca capas QR como do-not-downsample.
Cambiar destinos regenerando arte estático. Reimpresiones innecesarias. Corrección: códigos dinámicos con gráfico exportado estable.
Flujo que une el formato con el resto de buenas prácticas
Pipeline fiable:
- Decide carga útil estática o dinámica.
- Ajusta contraste, corrección de errores y branding dentro de los límites de escaneabilidad.
- Exporta el formato correcto por canal (este artículo).
- Coloca según distancia, sustrato y reflejos de impresión y colocación.
- QA de dispositivos y luz con pruebas antes de imprimir.
- Mide con el seguimiento de campañas.
Al evaluar generadores, confirma exportación vectorial y que los archivos de calidad de impresión no estén bloqueados detrás de planes enterprise. Los artículos de comparaciones de generadores ayudan a sopesar funciones y precios; para una opción ilimitada práctica con export SVG en un plan único asequible, prueba el producto QR de Izoukhai.
Conclusión
SVG, PNG, PDF y EPS no son pegatinas intercambiables — son herramientas de producción. El SVG (y el vector dentro de un PDF) protege la nitidez de los módulos para impresión y gran formato. El PNG sirve pantallas y email cuando dimensionas píxeles a propósito. El PDF es la envoltura de entrega de trabajos de impresión completos. El EPS sigue siendo una petición heredada, no un valor por defecto.
Acerta el formato después de las reglas de contraste y colocación, y demuéstralo en dispositivos reales. Vuelve al hub de buenas prácticas para contraste, tamaño y zona de silencio, impresión y colocación, branding con logos y colores, pruebas antes de imprimir, seguimiento de campañas dinámicas, códigos QR accesibles y diseño inclusivo y campañas QR multi-ubicación y franquicias. Para fundamentos de codificación, revisita cómo funcionan los códigos QR. Cuando necesites códigos dinámicos ilimitados, analítica y exportación SVG sin cuotas por código, el generador QR dinámico de Izoukhai es una opción sólida y económica — exporta una vez en el formato correcto, imprime o publica con confianza y actualiza destinos sin regenerar el artwork.