Com convertir PDF a SVG en línia
Necessites un PDF com a gràfic vectorial escalable per a feines web o de disseny? Aquí t'expliquem com convertir PDF a SVG, conservant les rutes vectorials, el text i les formes.
Tens un logotip, un diagrama o una il·lustració tancats dins d'un PDF. Necessites que estiguin en format SVG per a una pàgina web, una eina de disseny o una presentació on s'hagin d'escalar a qualsevol mida sense que es vegin borrosos. La conversió de PDF a SVG extreu el contingut vectorial i et proporciona un format natiu per al web que funciona en qualsevol eina de disseny.
Però hi ha un inconvenient: la qualitat del resultat depèn completament del que hi ha dins del PDF. Si el PDF conté gràfics vectorials reals (rutes, formes, contorns de text), obtindràs un SVG net i escalable. Si el PDF conté imatges rasteritzades, obtindràs un contenidor SVG al voltant d'una imatge de píxels, cosa que no compleix l'objectiu.
Guia que explica quan funciona bé la conversió de PDF a SVG, quan no, i els millors mètodes per fer-la.
Per què convertir PDF a SVG?
Inserció web
SVG és un ciutadà de primera classe a la web. Pots inserir SVGs directament a l'HTML, donar-los estil amb CSS, animar-los amb JavaScript, i es renderitzen nítidament a qualsevol resolució en qualsevol pantalla. Si tens un gràfic, diagrama o logotip en un PDF que necessites posar en una pàgina web, SVG és el format de sortida adequat.
Edició en eines de disseny
Els fitxers SVG s'obren a Adobe Illustrator, Figma, Sketch, Inkscape i qualsevol altra eina de disseny vectorial. Convertir un PDF a SVG et permet editar rutes individuals, canviar colors, modificar formes i reelaborar el disseny, cosa que no pots fer fàcilment amb un PDF.
Independència de la resolució
Els gràfics SVG s'escalen infinitament sense pèrdua de qualitat. Un SVG de 100x100 es veu idèntic a 10.000x10.000. Això fa que SVG sigui ideal per a logotips, icones i il·lustracions que necessiten aparèixer a diferents mides, des d'un favicon fins a una pancarta.
Mida de fitxer més petita per a gràfics senzills
Per a contingut vectorial senzill (logotips, icones, art lineal), els fitxers SVG sovint són més petits que els PDF equivalents. El format SVG també està basat en text (XML), cosa que significa que es comprimeix bé amb gzip, important per a la distribució web.
Accessibilitat
SVG admet elements semàntics: títols, descripcions i atributs ARIA. Un SVG ben estructurat és més accessible per als lectors de pantalla que un gràfic PDF. Convertir a SVG et permet afegir funcions d'accessibilitat que no estan disponibles en PDF.
Mètode 1: Convertir en línia amb PDFSub (Recomanat)
Puja un PDF, descarrega un SVG. Cada pàgina es converteix en un fitxer SVG separat.
Pas a pas:
- Ves a l'eina PDF a SVG de PDFSub
- Puja el teu fitxer PDF: arrossega i deixa anar o fes clic per cercar
- El fitxer és processat per PDFSub Engine en un entorn segur i aïllat
- Descarrega els fitxers SVG convertits
Què esperar:
- Els elements vectorials (rutes, formes, línies) es converteixen en rutes SVG
- El text es pot convertir en contorns (rutes) per a precisió visual
- Cada pàgina del PDF produeix un fitxer SVG separat
- Es conserven els colors, degradats i estils de traç
- El contingut rasteritzat (fotos, elements escanejats) s'incrusta com a imatges dins del SVG
Ideal per a: Converts ràpides, especialment per a logotips, diagrames i il·lustracions.
Mètode 2: Utilitza Inkscape (Eina d'escriptori gratuïta)
Inkscape és un editor de gràfics vectorials gratuït i de codi obert que gestiona la importació de PDF de forma nativa.
Pas a pas:
- Descarrega i instal·la Inkscape des de inkscape.org
- Ves a Fitxer > Obri i selecciona el teu PDF
- Tria quina pàgina importar (Inkscape importa una pàgina a la vegada)
- El contingut del PDF apareix com a objectes vectorials editables
- Ves a Fitxer > Desa com i selecciona SVG com a format
- Desa el fitxer SVG
Avantatges:
- Pots editar els vectors importats abans de desar
- Gestiona bé contingut vectorial complex
- Gratuït i de codi obert
- Disponible per a Windows, macOS i Linux
Limitacions:
- Importa una pàgina a la vegada: no hi ha conversió per lots de pàgines múltiples
- Pot ser lent amb PDFs molt complexos
- Curva d'aprenentatge per a usuaris nous
Ideal per a: Usuaris que necessiten editar el contingut vectorial després de la conversió.
Mètode 3: Utilitza Adobe Illustrator (De pagament)
Illustrator obre PDFs de forma nativa i pot exportar a SVG.
Pas a pas:
- Obre el PDF a Adobe Illustrator
- Selecciona la pàgina a importar
- Edita si cal
- Ves a Fitxer > Exporta > Exporta com
- Selecciona SVG com a format
- Configura les opcions SVG (fonts, decimals, responsive)
- Desa
Ideal per a: Professionals del disseny que ja tenen Illustrator i necessiten una sortida SVG precisa amb configuracions específiques.
Vectorial vs. Raster: La qüestió de la qualitat
Això és el més important d'entendre sobre la conversió de PDF a SVG.
Quan funciona perfectament
Si el PDF es va crear a partir de fonts vectorials (logotips dissenyats a Illustrator, gràfics generats per programari, diagrames dibuixats en eines de disseny, exportacions CAD o documents basats en text), el PDF conté dades vectorials reals. Convertir-ho a SVG produeix una sortida neta, infinitament escalable amb rutes individuals editables.
Sabràs que el PDF conté vectors si pots fer zoom a nivells extrems i el contingut es manté nítid. Les vores romanen esmolades, el text fluid i les corbes perfectes a qualsevol magnificació.
Quan no funciona tan bé
Si el PDF conté contingut rasteritzat (fotos, documents escanejats, captures de pantalla o imatges), el convertidor empaqueta aquestes imatges de píxels en un contenidor SVG. Obtens un fitxer SVG, però funcionalment és un fitxer d'imatge. Si fas zoom, veuràs píxels, i no podràs editar formes individuals.
Els PDFs sovint contenen una barreja d'ambdós. Un informe pot tenir text i formes vectorials al costat de fotos rasteritzades. El convertidor conserva cada element en la seva forma nativa: els vectors es converteixen en rutes SVG, les imatges en dades rasteritzades incrustades.
Com comprovar-ho
Abans de convertir, fes zoom al PDF al 400-800%. Mira les vores del text i les formes:
- Vores nítides amb zoom alt = contingut vectorial = produirà un SVG excel·lent
- Vores borroses/pixelades amb zoom alt = contingut rasteritzat = SVG no aportarà valor respecte a PNG
Consideracions de la sortida SVG
Gestió del text
El text del PDF es pot convertir a SVG de dues maneres:
- Com a text editable - Elements
<text>SVG amb referències de font. El text és seleccionable i cercable, però requereix que la font estigui disponible al sistema de l'espectador. - Com a rutes contornejades - Elements
<path>SVG que tracen les formes de les lletres. Visualment perfecte, però no editable ni cercable com a text.
La majoria de convertidors utilitzen per defecte contorns per a la precisió visual. Si necessites text editable, comprova la configuració del teu convertidor.
Mida del fitxer
Els PDFs complexos amb moltes rutes, degradats i efectes poden produir fitxers SVG grans. Un diagrama tècnic detallat podria generar un SVG de diversos megabytes. Si la mida del fitxer és important (especialment per a ús web), considera:
- Simplificar rutes amb una eina d'optimització SVG
- Eliminar capes ocultes o elements innecessaris
- Utilitzar SVGZ (SVG comprimit amb gzip) per a la distribució web
Compatibilitat del navegador
Tots els navegadors moderns renderitzen SVG de forma nativa. No obstant això, els SVGs molt complexos amb milers de rutes, efectes de filtre pesats o grups profundament anidats poden renderitzar-se lentament als navegadors. Si el rendiment és una preocupació, simplifica el SVG després de la conversió.
Consells per obtenir els millors resultats
- Comença amb un PDF d'origen vectorial. La qualitat de la sortida ve determinada per la qualitat de l'entrada. Els PDFs vectorials produeixen SVGs vectorials.
- Converteix pàgines individuals. Si només necessites una pàgina d'un PDF de diverses pàgines, extreu primer aquesta pàgina o selecciona-la durant la conversió.
- Optimitzar el SVG per a la web. Si el SVG va a una pàgina web, passa'l per un optimitzador com SVGO per reduir la mida del fitxer i netejar atributs innecessaris.
- Comprova la sortida en una eina de disseny. Obre el SVG a Inkscape o Figma per verificar que les rutes siguin correctes, els colors precisos i que l'estructura tingui sentit.
Preguntes freqüents
El SVG serà editable?
Sí, si el PDF conté contingut vectorial. Les formes, rutes i línies es converteixen en elements SVG individuals que pots seleccionar, moure, recolorir i modificar en qualsevol eina de disseny vectorial. El contingut rasteritzat (fotos) s'incrustarà com a imatges no editables.
Puc convertir un PDF de diverses pàgines a SVG?
Sí. Cada pàgina es converteix en un fitxer SVG separat. Com que SVG no té un concepte de "pàgina" com el PDF, no hi ha SVG de diverses pàgines; obtindràs un SVG per pàgina.
Com apareix el text al SVG convertit?
Depèn de l'enfocament del convertidor. El text pot aparèixer com a rutes contornejades (visualment precís, no editable com a text) o com a elements de text SVG (editable, però requereix fonts coincidents). La majoria de convertidors utilitzen contorns per defecte.
Puc convertir un SVG de nou a PDF?
Sí. PDFSub ofereix un convertidor de SVG a PDF que gestiona la conversió inversa. Els viatges d'anada i tornada de SVG a PDF són generalment més nets que la conversió inicial de PDF a SVG perquè SVG és inherentment vectorial.
La conversió de PDF a SVG és útil per a documents escanejats?
No realment. Els documents escanejats són imatges rasteritzades. Convertir-los a SVG només empaqueta l'escaneig en un contenidor SVG; no obtens rutes vectorials ni contingut editable. Per a documents escanejats, PDF a PNG o PDF a JPEG és més adequat.
Conclusió
La conversió de PDF a SVG és potent quan el PDF d'origen conté contingut vectorial real. Logotips, diagrames, gràfics i il·lustracions es converteixen meravellosament en fitxers SVG nets, escalables i editables, perfectes per al web i les eines de disseny.
La clau és entendre el material d'origen. Vector entra, vector surt. Raster entra, raster surt (només en un altre empaquetatge).
Prova el convertidor de PDF a SVG de PDFSub: puja el teu PDF i obtén una sortida vectorial escalable en segons.