PDFMove
¿Convertir el PDF a SVG o a PNG? Comparativa entre vector y ráster
Comparativa

¿Convertir el PDF a SVG o a PNG? Comparativa entre vector y ráster

8 min de lectura

Vas a exportar una página de PDF como imagen para usarla en una presentación, ponerla en una web, incrustarla en un correo o editarla en un programa de diseño. Te encuentras con tres opciones principales: SVG, PNG y JPEG. La elección correcta depende del contenido de la página y de adónde va la imagen, y elegir mal se paga en calidad o en tamaño de archivo.

La distinción básica: ¿vector o ráster?

El SVG es vectorial. Guarda las formas con definiciones matemáticas: "una curva de este punto a este otro, con el interior relleno de este color". Se recalcula a cada escala, así que se mantiene nítido por mucho que lo amplíes.

PNG y JPEG son ráster. Guardan una rejilla fija de píxeles. Al ampliarlos, los píxeles se agrandan y la imagen se emborrona.

Esa distinción lo determina todo, pero sería un error decir que "el vector siempre es mejor", porque no todo contenido es apto para vectorizarse.

Tabla comparativa

| Criterio | SVG | PNG | JPEG | |---|---|---|---| | Escalabilidad | Ilimitada | Fija | Fija | | Aptitud para fotografía | Mala | Media | Muy buena | | Aptitud para líneas y texto | Muy buena | Buena | Mala (borrosidad) | | Transparencia | Sí | Sí | No | | Editabilidad | Alta | Ninguna | Ninguna | | Texto seleccionable | Posible | No | No | | Control con CSS/JS | Sí | No | No | | ¿Es con pérdidas? | No | No | Sí | | ¿Se abre en todas partes? | En entornos modernos | Sí | Sí |

Escenario 1: voy a poner en la web el logotipo de un PDF

Estás aislando el logotipo del manual de identidad corporativa.

Ganador: SVG, sin discusión.

Un logotipo suele constar de unas cuantas zonas planas y unas cuantas curvas. En SVG eso es un archivo de unos pocos kilobytes. Para mostrar ese mismo logotipo nítido en pantallas retina con PNG tendrías que generar 800×800 píxeles y el archivo ocuparía entre 50 y 200 KB.

Ventajas adicionales del SVG: puedes cambiarle el color con CSS (soporte de tema claro y oscuro), se mantiene nítido automáticamente en cualquier densidad de pantalla y lo usas a cualquier tamaño con un único archivo.

El proceso de aislado: extrae la página donde está el logotipo, conviértela a SVG, ábrela en un editor vectorial y borra todo lo que no sea el logotipo, recorta el lienzo, optimiza y guarda.

Escenario 2: voy a compartir un documento escaneado como imagen

Tienes el escaneo de un documento antiguo y vas a ponerlo en una presentación.

Ganador: PNG (si tiene mucho texto) o JPEG (si es fotográfico o en escala de grises).

El SVG es en este escenario una elección completamente equivocada. La página escaneada ya son datos de píxel; al convertirla a SVG, el conversor incrusta esa imagen dentro del SVG como base64. Resultado: los mismos píxeles, más el envoltorio XML, más el aumento de tamaño de aproximadamente un 33 % que trae la codificación base64. Ninguna ganancia, solo pérdida.

En la pregunta de PNG o JPEG, la regla aproximada es: PNG para contenido de bordes nítidos y pocos colores; JPEG para contenido de tono continuo y aspecto fotográfico. Un texto escaneado en blanco y negro queda pequeño y nítido en PNG. Los escaneos en escala de grises o en color se reducen mucho en JPEG.

Escenario 3: voy a editar un plano técnico en un programa de diseño

Te ha llegado una salida de CAD en PDF y tienes que cambiar unas medidas.

Ganador: SVG.

Este es el único escenario en el que existe la necesidad de editar, y los formatos ráster no ofrecen aquí nada. Cuando abres un PNG en el editor ves un único objeto de imagen; no puedes acceder a las líneas por separado.

En SVG, cada línea, cada círculo y cada relleno es un elemento independiente. Lo puedes seleccionar, mover, cambiarle el color o borrarlo.

Ajusta bien las expectativas: los SVG que vienen de un PDF suelen constar de muchos grupos anidados y trazados de recorte, y la estructura no es limpia. Además, la información de capas del archivo CAD, los objetos de cota y su estructura paramétrica se han perdido: solo te quedan líneas.

Escenario 4: voy a poner la página de un informe en una presentación

Vas a colocar un gráfico o una tabla en una diapositiva de PowerPoint.

Ganador: normalmente PNG.

El soporte de SVG en los programas de presentación es variable: unos lo admiten, otros no y otros lo admiten pero lo renderizan de otra manera. Si vas a abrir la presentación en otro ordenador, no querrás arriesgarte.

El PNG es la elección segura. Al elegir la resolución, piensa en cómo se va a mostrar la presentación: para un proyector basta con 1920 píxeles de ancho, pero si se va a imprimir hace falta más.

No uses JPEG en presentaciones: en imágenes con texto y líneas, la compresión JPEG deja halos borrosos (artefactos) alrededor de los bordes y el resultado parece descuidado.

Escenario 5: voy a publicar una infografía en la web

Un gráfico a página completa, en color y con texto y formas.

Ganador: depende, haz una prueba.

Este es el escenario en el que no hay una única respuesta correcta. Dos factores lo determinan:

La cantidad de texto. Si al convertir a SVG pasas el texto a curvas, cada letra se convierte en una forma vectorial. En una infografía con mucho texto, eso puede llevar el SVG a cientos de kilobytes. Ese mismo gráfico puede ser más pequeño en PNG.

Si hay fotografías incrustadas. Si las hay, el SVG pierde: las incrusta dentro y se hincha.

Enfoque práctico: genera los dos formatos, compara los tamaños, ábrelos en el navegador y mira la calidad visual. En la mayoría de casos verás que uno gana con claridad.

Si gana el SVG, viene con una ventaja extra: se mantiene nítido automáticamente en pantallas de alta densidad y no tienes que generar el archivo en dos resoluciones distintas.

Escenario 6: una imagen que se va a imprimir

Vas a imprimir una página con alta calidad.

Ganador: PNG (a 300 PPP) o directamente PDF.

En realidad la mejor respuesta es: no lo conviertas. Para imprimir, el PDF ya es el mejor formato: el contenido vectorial se imprime a resolución completa, la información de color CMYK se conserva y las tipografías están incrustadas.

Si tienes que pasarlo obligatoriamente a un formato de imagen, genera el PNG a 300 PPP. Para una página A4 eso significa unos 2480 × 3508 píxeles y el archivo ocupará varios megabytes.

Aunque técnicamente el SVG parezca apto para imprimir, tiene tres carencias: no admite CMYK, no define el margen de sangrado ni las marcas de corte, y no se le puede incrustar un perfil de color. Por eso las imprentas no aceptan SVG.

Elección de resolución en PNG

Si has elegido PNG, el ajuste crítico es la resolución:

| Uso | PPP recomendados | Píxeles para A4 | |---|---|---| | Web, pantalla normal | 96 | ~794 × 1123 | | Web, pantalla de alta densidad | 192 | ~1587 × 2245 | | Presentación (proyector) | 150 | ~1240 × 1754 | | Impresión | 300 | ~2480 × 3508 | | Impresión de alta calidad | 600 | ~4960 × 7016 |

Elegir una resolución mayor de la necesaria solo hincha el archivo; no aporta calidad, porque el propio PDF de origen tiene su límite de resolución (sobre todo en las imágenes que contiene).

Resumen de la decisión

Un flujo sencillo:

  1. ¿El origen está escaneado? Si es que sí → PNG o JPEG. Ni te plantees SVG.
  2. ¿Necesitas editarlo? Si es que sí → SVG, no hay otra opción.
  3. ¿Es un logotipo, un icono o un gráfico de líneas? Si es que sí → SVG.
  4. ¿Predominan las fotografías? Si es que sí → JPEG (o WebP para la web).
  5. ¿Va a una presentación? → PNG, por compatibilidad.
  6. ¿Se va a imprimir? → Déjalo en PDF; si es obligatorio, PNG a 300 PPP.
  7. ¿Contenido mixto que se publicará en la web? → Genera los dos y compáralos.

Y un último recordatorio: antes de convertir, amplía mucho la página y comprueba si el origen es realmente vectorial. Esa única comprobación resuelve por sí sola la mitad de las decisiones anteriores.

Preguntas frecuentes

¿El SVG siempre es más pequeño que el PNG?

No, depende del contenido. Un logotipo sencillo o un gráfico de líneas puede ocupar unos pocos kilobytes en SVG y cientos de kilobytes en PNG. Pero si conviertes a curvas una página con mucho texto, cada letra se transforma en una forma vectorial y el SVG se hincha; esa misma página puede ser más pequeña en PNG. Y en páginas con fotografías el SVG siempre pierde, porque incrusta la foto dentro y encima le añade el envoltorio XML.

¿Cuál debo usar para mi web?

SVG para logotipos, iconos, gráficos de líneas y esquemas: se mantiene nítido a cualquier resolución de pantalla y normalmente es más pequeño. WebP o JPEG para fotografías e imágenes de aspecto fotográfico. PNG o WebP para imágenes de página completa con contenido mixto. Si vas a usar PNG en pantallas retina tendrás que generarlo al doble de resolución; con SVG no existe ese problema.

¿Cómo se elige la resolución en PNG?

Según el uso. Para visualización normal en web bastan 96-150 PPP; para pantallas de alta densidad, dobla esa cifra. Si se va a imprimir, el estándar son 300 PPP. Al convertir una página A4 a PNG a 300 PPP obtienes unos 2480 × 3508 píxeles y el archivo puede ocupar varios megabytes. Una resolución mayor de la necesaria solo hincha el archivo.

¿A qué formato debo convertir un PDF escaneado?

A PNG o JPEG. La página escaneada ya son datos de píxel; convertirla a SVG no aporta vectores, solo mete la misma imagen dentro de un envoltorio XML y agranda el archivo. Para escaneos en blanco y negro con mucho texto suele salir más pequeño el PNG, y para fotografías y escaneos en escala de grises, el JPEG.

Pruébalo ahora mismo con PDF → SVG.

Probar PDF → SVG