¿Las fotografías del PDF se convierten en vectores en el SVG?

No. La conversión vectorial vale para los elementos que ya son vectoriales en el PDF: líneas, rellenos, texto. Una fotografía está en el PDF como datos de píxel y en el SVG se traslada también como datos de píxel, normalmente como una imagen incrustada codificada en base64. Por eso, en páginas con fotografías el archivo SVG puede quedar inesperadamente grande.

¿El texto sigue siendo seleccionable en el SVG?

Depende del ajuste de conversión. Si exportas el texto como elementos de texto SVG reales, sigue siendo seleccionable y localizable, pero para que se vea correctamente la tipografía tiene que estar en el sistema del lector o incrustada en el SVG. Si conviertes el texto a curvas (path), se ve exactamente igual en todas partes, pero deja de ser texto: no se puede seleccionar, ni buscar, ni editar.

¿Qué pasa al convertir a SVG un PDF de varias páginas?

El formato SVG es de una sola página; no existe el concepto de varias páginas. Por eso cada página del PDF se convierte en un archivo SVG independiente y normalmente se descargan dentro de un archivo ZIP. Un documento de 50 páginas da 50 archivos SVG. Si quieres un único archivo, SVG no es el formato adecuado.

¿Puedo editar el SVG en Illustrator o Inkscape?

Sí, SVG es uno de los formatos nativos de esos programas y el archivo convertido se puede abrir y editar ahí. Pero los SVG que vienen de un PDF suelen constar de muchísimos grupos pequeños y trazados de recorte; la estructura no es limpia. En tareas como aislar un logotipo, deshacer esos grupos lleva tiempo, pero es perfectamente posible.

Cómo convertir un PDF a SVG: guía de exportación vectorial

Quieres poner en tu web el logotipo de un PDF, editar un plano técnico en un programa de diseño o usar un esquema de forma que se mantenga nítido a cualquier escala. La conversión a SVG es la respuesta a esas necesidades: pasa el contenido vectorial de la página del PDF al formato vectorial que entienden la web y los programas de diseño.

Por qué SVG es un formato distinto

SVG (Scalable Vector Graphics) es un formato vectorial basado en XML. Igual que el PDF, lleva definiciones de líneas, curvas, rellenos y texto, pero con dos diferencias importantes:

Es nativo de la web. Los navegadores renderizan el SVG directamente. Lo puedes poner con la etiqueta <img>, incrustarlo en el HTML, colorearlo con CSS y animarlo con JavaScript. Nada de eso es posible con un PDF.

Está basado en texto y es abierto. Puedes abrir un archivo SVG en un editor de texto, leer su contenido y editarlo a mano. En los sistemas de control de versiones se le pueden sacar diferencias.

Lo que tienen en común también importa: los dos son vectoriales, es decir, se mantienen nítidos a cualquier escala. Del mismo archivo salen tanto un logotipo de 100 píxeles como la impresión de un cartel de 10.000.

Paso 1: Asegúrate de que SVG es el formato correcto

Antes de convertir, aclara dos preguntas.

¿Hay realmente contenido vectorial en la página? Si tu PDF está escaneado, cada página es solo una gran fotografía. Al convertirlo a SVG obtendrás un archivo SVG con esa foto incrustada dentro: no ganas vectores, solo has cambiado el formato envoltorio. Para obtener vectores de documentos escaneados hace falta un vectorizado automático, y esa es una operación aparte cuyo resultado es impredecible.

Cómo comprobarlo: abre el PDF y amplía mucho la página. Si el texto y las líneas se mantienen nítidos, es vectorial. Si se pixela, es una página escaneada o rasterizada.

¿Cuántas páginas vas a convertir? SVG es un formato de una sola página; no existe el concepto de varias páginas. Un PDF de 50 páginas da 50 archivos SVG independientes. Si necesitas un único archivo, SVG no es la elección adecuada.

Paso 2: ¿Texto o curvas? Toma la decisión crítica

Este es el ajuste más importante de la conversión y cambia el resultado por completo.

Exportar como texto (elementos <text>):

El texto sigue siendo seleccionable, localizable y copiable.
El archivo es pequeño.
Se puede editar el texto después.
Pero para que se vea correctamente la tipografía tiene que estar en el sistema del lector. Si no, el navegador recurre a una tipografía parecida, los anchos de letra cambian, la alineación se desplaza y las líneas pueden desbordarse.

Convertir a curvas (elementos <path>):

Cada letra se convierte en una forma vectorial.
Se ve exactamente igual en cualquier dispositivo y cualquier navegador.
Pero deja de ser texto. No se puede seleccionar, ni buscar, los lectores de pantalla no lo leen y no se puede editar después.
El tamaño del archivo crece notablemente, y muchísimo en páginas con mucho texto.

| Necesidad | Elección correcta | |---|---| | Logotipo, icono, emblema | Curvas | | Plano técnico (con etiquetas) | Según el caso | | Página con mucho texto | Texto (si es posible) | | Gráfico que se publicará en la web | Curvas (lo seguro) | | Diseño que se editará después | Texto | | Si hacen falta requisitos de accesibilidad | Texto | | Si va a imprenta | Curvas |

Regla práctica: si el aspecto tiene que ser exacto, curvas; si el contenido tiene que ser accesible, texto. Para un logotipo, las curvas son casi siempre lo correcto; para un gráfico informativo, el texto puede ser mejor.

Hay una tercera vía: incrustar la tipografía en el SVG. Eso hace que el texto sea a la vez seleccionable y correcto, pero agranda el archivo y las licencias de tipografía no siempre lo permiten.

Paso 3: Haz la conversión

Abre la herramienta de conversión de PDF a SVG y sube tu archivo. El proceso se ejecuta en tu navegador; tu archivo no viaja al servidor.

En un documento de varias páginas, cada página se convierte en un SVG y normalmente los descargas como un archivo ZIP. Si solo quieres una página concreta, separarla antes con la herramienta de extracción de páginas es más rápido y más ordenado.

Paso 4: Comprueba el resultado

Abre los archivos SVG en un navegador (basta con arrastrar el archivo a una pestaña) y fíjate en esto:

¿Las tipografías están bien? Si has exportado como texto y la tipografía no está en tu sistema, las letras se verán distintas y la alineación se desplazará. Comprueba especialmente los caracteres acentuados y la ñ.

¿Los colores están bien? Los PDF pueden usar el espacio de color CMYK, mientras que el SVG se basa en RGB. En la conversión los colores pueden desviarse, y la diferencia se aprecia sobre todo en los rojos oscuros, los azules marinos y los tonos naranja. Si los colores corporativos tienen que coincidir exactamente, puede que tengas que ajustar los valores a mano.

Transparencia y mezcla. Las funciones avanzadas de transparencia del PDF (modos de fusión, máscaras suaves) no siempre tienen equivalente exacto en SVG. En páginas con esos efectos puede haber diferencias visuales.

Tamaño de archivo. Si es mayor de lo esperado puede haber dos motivos: en la página hay una imagen de mapa de bits incrustada (codificada en base64 dentro del SVG) o has convertido el texto a curvas y la página tiene mucho texto.

Paso 5: Límpialo si hace falta

Los SVG que vienen de un PDF no suelen ser "limpios". Como el conversor intenta reproducir exactamente las instrucciones de dibujo del PDF, aparece esto:

Montones de elementos <g> (grupo) anidados
Un trazado de recorte (clipPath) aparte para cada elemento
Matrices de transformación innecesarias
Elementos invisibles o que quedan fuera de la página

Si vas a usar el archivo en la web, pasar un optimizador de SVG (como SVGO) reduce el tamaño de forma notable. Abrirlo en Illustrator o Inkscape y volver a guardarlo también simplifica la estructura.

Si quieres aislar un logotipo: abre el SVG en un editor vectorial, selecciona el grupo del logotipo, borra el resto, recorta el lienzo al contenido y vuelve a guardarlo. La estructura de grupos que viene del PDF puede ser complicada, pero esta tarea suele llevar unos minutos.

Cuándo SVG no es la respuesta correcta

En documentos escaneados. No ganas vectores.

Al compartir documentos de varias páginas. SVG es de una sola página; compartir 50 archivos es peor que compartir un PDF.

En páginas con muchas fotografías. Las fotos se incrustan en el SVG y el archivo se hincha. Para fotografía, el formato correcto es PNG o JPEG.

Si solo quieres visualizarlo. El PDF ya se abre en todas partes. La conversión tiene sentido cuando necesitas editar o incrustar en la web.

En trabajos que van a imprenta. Las imprentas suelen pedir PDF; el soporte de CMYK y de preimpresión del SVG es limitado.

Escenarios de uso reales

Aislar un logotipo. Te ha llegado el manual de identidad corporativa en PDF y tienes que poner el logotipo en la web. Extrae la página donde está el logotipo, conviértela a SVG, aísla el logotipo en el editor, límpialo y optimízalo.

Editar un plano técnico. Te ha llegado una salida de CAD en PDF y tienes que hacer cambios. Puedes convertirla a SVG y abrirla en un editor vectorial: las medidas se conservan, pero la estructura de capas se pierde.

Gráfico escalable en la web. Vas a poner una infografía en la web y quieres que se vea nítida en cualquier pantalla. El SVG es más nítido que el PNG y normalmente más pequeño.

Reutilizar un gráfico en una presentación. Vas a llevar a una presentación un esquema de un informe. Exportándolo como SVG puedes cambiar sus colores en el editor.

En resumen

La conversión de PDF a SVG hace utilizable el contenido vectorial para la web y los programas de diseño. La clave del éxito está en dos decisiones: verificar que el origen es realmente vectorial (en documentos escaneados esta conversión no tiene sentido) y decidir si conviertes el texto a curvas o no (curvas para asegurar el aspecto, texto para accesibilidad y editabilidad). Los documentos de varias páginas salen como un archivo por página; los colores pueden desviarse al pasar de CMYK a RGB; y el SVG resultante suele tener una estructura complicada que conviene optimizar para el uso web.