SVG a PDF
Convierte gráficos vectoriales SVG — logos, iconos, diagramas, dibujos técnicos — en un único documento PDF. Los archivos se procesan en tu navegador — nunca salen de tu dispositivo.
SVG a PDF convierte Scalable Vector Graphics — el estándar W3C para imágenes vectoriales en la web — en un único documento PDF. Los SVGs se rasterizan en el hilo principal mediante el motor de renderizado nativo del navegador a 2× DPI para mayor nitidez, y luego se ensamblan en un PDF usando pdf-lib en un Web Worker. El resultado es adecuado tanto para visualización en pantalla como para impresión, aunque las características SVG complejas (filtros, máscaras, recursos externos) pueden rasterizarse de forma imperfecta.
¿Qué es SVG a PDF?
SVG (Scalable Vector Graphics) es el formato de imagen vectorial recomendado por el W3C, usado para logos, iconos, diagramas, gráficos, infografías y dibujos técnicos. A diferencia de los formatos rasterizados (JPG, PNG, WebP), SVG almacena las formas como rutas matemáticas, así que escala a cualquier tamaño sin pérdida de calidad. SVG es una W3C Recommendation desde <strong>2001</strong> y está soportado de forma nativa por todos los navegadores modernos. Herramientas como Figma, Sketch, Adobe Illustrator, Inkscape, D3.js y Mermaid exportan todas SVG.
Convertir SVG a PDF es habitual cuando necesitas compartir gráficos vectoriales con un destinatario que no tiene software de diseño, incrustar un logo en un documento de Word o enviar un diagrama como prueba imprimible. La mayoría de los conversores SVG online suben tu archivo a un servidor remoto — algo incómodo cuando el SVG es un logo de marca confidencial, una maqueta de producto sin lanzar o un dibujo técnico sensible. Esta herramienta ejecuta toda la conversión en tu navegador; el SVG nunca cruza la red.
¿Cómo funciona la conversión de SVG en el navegador?
Los SVGs son complicados en workers del navegador porque createImageBitmap no decodifica blobs SVG en contextos de Worker. Pikowl maneja esto rasterizando en el hilo principal: cada SVG se carga mediante un elemento <img> (que el navegador renderiza usando su motor SVG completo), se dibuja en un canvas a 2× DPI para mayor nitidez, y luego se exporta como un blob PNG. El PNG se envía a un Web Worker que usa pdf-lib para incrustarlo en un nuevo documento PDF. El PDF se ofrece como un Blob descargable mediante URL.createObjectURL. Nada se envía a ningún servidor.
¿Es seguro convertir logos SVG y gráficos confidenciales aquí?
Sí. Abre la pestaña de red en DevTools mientras usas la herramienta — no verás peticiones salientes durante la conversión. Los SVGs se leen localmente mediante la File API, los renderiza el motor SVG local del navegador, y el PDF resultante vive solo en la memoria de tu navegador hasta que lo descargas. Logos de marca, maquetas de productos sin lanzar y dibujos de ingeniería son casos de uso habituales del SVG — mantener la conversión local importa.
¿Y los metadatos ocultos en los SVGs?
Los archivos SVG pueden llevar contenido de texto oculto en etiquetas <title>, <desc> y <metadata> — a veces incluyendo información de autor, versión del software (generator="Adobe Illustrator 28.0"), nombres de capas internas e incluso borradores comentados. También pueden incluir referencias a imágenes externas mediante etiquetas <image href="…">, que el navegador descarga al renderizar. Como Pikowl rasteriza el SVG a un PNG antes de incrustarlo, todos esos metadatos se descartan — el PDF contiene solo la imagen visible.
¿Cuáles son los límites y por qué?
Hasta 50 SVGs por conversión, 5 MB por archivo, con un aviso suave a 50 MB combinados y un tope duro a 100 MB. El límite por archivo es mucho menor que el de los formatos rasterizados porque la complejidad del SVG no escala linealmente con el tamaño del archivo — un SVG de 5 MB con miles de rutas y filtros complejos puede tardar varios segundos en renderizarse y consumir cientos de MB de memoria durante la rasterización. El número de archivos es alto (50) porque los SVGs típicos (logos, iconos) son diminutos.
¿Cómo se compara Pikowl con Smallpdf y iLovePDF para SVG?
Las diferencias sustantivas son la ubicación del procesamiento, los límites de uso diario y el precio. Smallpdf e iLovePDF no ofrecen SVG a PDF como herramientas independientes — ambos pasan los SVGs por un pipeline genérico de imagen a PDF que los rerasteriza en servidor. Los números de abajo reflejan las ofertas del nivel gratuito de cada servicio en abril de 2026.
| Característica | Pikowl | Smallpdf | iLovePDF |
|---|---|---|---|
| Dónde se procesan los archivos | Tu navegador | Servidor remoto | Servidor remoto |
| Requiere registro | No | Opcional | Opcional |
| Calidad de salida | Rasterizado a 2× DPI en tu navegador | Rasterizado en servidor | Rasterizado en servidor |
| Tamaño máx. (gratis) | 25 MB | 5 MB | 200 MB (combinado) |
| Precio | Gratis | $9/mes para ilimitado | $7/mes para premium |
Fuentes: smallpdf.com/pricing y ilovepdf.com/pricing, consultadas en abril de 2026.
Usos comunes
- Pruebas de logo de marca: Envía un logo SVG exportado de Figma como PDF para revisión del cliente sin exponer el archivo fuente editable.
- Archivado de sets de iconos: Agrupa un set de iconos SVG (Material, Phosphor, Lucide) en una única hoja de referencia PDF para diseñadores.
- Diagramas técnicos: Convierte diagramas de secuencia SVG exportados de Mermaid o PlantUML en un PDF imprimible para documentación de ingeniería.
- Exportaciones de visualización de datos: Los gráficos SVG de D3.js y Plotly se convierten en figuras PDF para incluir en artículos de investigación o informes.
- Paquete de guías de marca: Logos en varios tamaños y orientaciones como un único PDF para entrega a impresores.
- Exportaciones vectoriales CAD: Convierte planos o diagramas arquitectónicos exportados como SVG en un PDF portable.
FAQ
¿Los SVGs se preservan como vectores en el PDF?
No — se rasterizan a 2× DPI antes de incrustarse. Los PDFs sí soportan contenido vectorial incrustado, pero la conversión SVG-a-PDF-vector en el navegador requeriría una dependencia mucho más pesada (svg2pdf.js o similar) que hemos excluido deliberadamente por ahora. La rasterización a 2× DPI se ve nítida en pantallas estándar de 96 DPI e imprime bien en tamaños de documento típicos; si necesitas verdadera preservación vectorial, usa una herramienta de escritorio como Guardar como PDF de Inkscape.
¿Por qué rasterización a 2× DPI?
2× es un punto óptimo: produce salida nítida en pantallas Retina/HiDPI y en tamaños de impresión hasta A4, manteniendo el PDF resultante pequeño. Un DPI más alto (3× o 4×) produciría una salida de impresión ligeramente más nítida pero inflaría el PDF drásticamente. Un DPI más bajo (1×) se vería borroso en pantallas modernas.
¿Las animaciones SVG sobreviven en el PDF?
No. SVG puede incluir animaciones CSS y etiquetas SMIL
¿Por qué el límite de tamaño es solo 5 MB?
El tamaño del archivo SVG no predice bien la complejidad de renderizado. Un SVG de 1 MB con miles de rutas bezier, gradientes complejos y filtros puede tardar varios segundos en rasterizarse y consumir cientos de MB durante el renderizado — mucho peor que un JPEG de 25 MB. El techo de 5 MB mantiene el riesgo de renderizado manejable en dispositivos móviles.
¿Los filtros y gradientes SVG se renderizan correctamente?
En su mayoría sí — usamos el renderizador SVG nativo del navegador, que soporta la especificación SVG 1.1 completa incluyendo filtros, gradientes, máscaras y rutas de recorte. Las características de SVG 2 (primitivas de filtro más nuevas, maquetación avanzada de texto) pueden no renderizarse en todos los navegadores. Si un filtro específico se ve mal, simplificar el SVG en tu herramienta de diseño antes de exportar suele ayudar.
¿Puedo incluir referencias a imágenes externas en el SVG?
Las referencias externas <image href="https://…"> no podrán cargarse — los navegadores bloquean las descargas de imágenes cross-origin dentro de SVGs cargados como Blobs. Para incluir imágenes externas, incrústalas como data URIs (data:image/png;base64,…) en el SVG antes de convertir. Lo mismo aplica a las referencias de fuentes externas; usa <text font-family="…"> con fuentes del sistema o convierte el texto a rutas en tu herramienta de diseño.
¿Los SVGs se suben a un servidor?
No. La conversión se ejecuta enteramente en tu navegador — abre la pestaña de red en DevTools y no verás peticiones salientes durante el proceso. Los SVGs se leen del disco mediante la File API, los renderiza el motor SVG local del navegador, se incrustan en un PDF usando pdf-lib y se ofrecen como descarga.
En cifras
- SVG se convirtió en W3C Recommendation en 2001 y está soportado de forma nativa por todos los navegadores principales desde IE9 (2011); hoy es el formato vectorial dominante en la web.
- Un logo de empresa típico como SVG ocupa menos de 5 KB, mientras que el PNG equivalente a resolución de impresión ocupa varios cientos de KB — el vector gana tanto en tamaño de archivo como en nitidez hasta aproximadamente la complejidad fotográfica.
- Figma, Sketch, Adobe Illustrator, Inkscape y Affinity Designer exportan SVG nativo; D3.js, Mermaid, PlantUML y la mayoría de las librerías de gráficos de JavaScript también producen SVG, lo que hace del SVG el formato conector entre diseño y código.