Como Converter PDF para SVG
Online (esta página)
Envie o PDF no conversor acima (até 100 MB) e baixe o SVG. O PDF é importado com o LibreOffice e exportado como um único arquivo SVG.
Inkscape (gratuito)
- Escolha Arquivo → Abrir e selecione o PDF.
- Na caixa de diálogo de importação de PDF, escolha a página e o método de importação (Poppler/Cairo ou Interno).
- Salve com Arquivo → Salvar como → SVG simples.
Adobe Illustrator
Abra o PDF (o Illustrator pergunta qual página), edite se necessário e use Arquivo → Exportar → Exportar como, escolhendo SVG.
Linha de comando
pdftocairo -svg -f 1 -l 1 input.pdf page1.svg (poppler) converte uma página; pdf2svg input.pdf page-%d.svg all grava cada página em um arquivo próprio.
Conteúdo Vetorial vs Raster em PDFs
PDFs podem conter tanto conteúdo vetorial quanto raster, muitas vezes na mesma página. Entender qual tipo seu PDF contém determina o que você pode esperar da conversão para SVG:
| Tipo de Conteúdo | Exemplos | No SVG Resultante |
|---|---|---|
| Caminhos vetoriais | Logotipos, ícones, arte linear, diagramas | Caminhos SVG editáveis, escaláveis para qualquer tamanho |
| Texto | Títulos, corpo de texto, rótulos | Elementos de texto ou contornos de caminho |
| Imagens raster | Fotos, conteúdo digitalizado | Incorporadas como dados de imagem base64 |
| Gradientes | Transições de cor, sombreamento | Elementos de gradiente SVG |
| Máscaras de recorte | Imagens cortadas, texto com forma | Elementos SVG clipPath |
Melhores candidatos para PDF para SVG: PDFs criados no Adobe Illustrator, InDesign, CorelDRAW ou outro software de design vetorial. Eles contêm caminhos vetoriais verdadeiros que convertem perfeitamente para SVG. Documentos digitalizados produzem resultados SVG ruins, pois o conteúdo já está rasterizado. Para digitalizações e fotos, leia como vetorizar uma imagem por traçado.
Tratamento de Texto: Caminhos vs Elementos de Texto
O texto no SVG resultante pode ser renderizado de duas formas:
Texto como Contornos de Caminho
Cada caractere é convertido para dados de caminho vetorial (as formas reais das letras). Isso garante que o texto pareça exatamente igual ao original, independentemente das fontes instaladas. A desvantagem é que o texto não é mais pesquisável ou selecionável como texto — é puramente uma representação visual.
Texto como Elementos de Texto SVG
Os caracteres são gerados como elementos <text> no SVG. O texto permanece pesquisável, selecionável e editável. No entanto, a aparência depende de ter a fonte correta instalada. Se a fonte não estiver disponível, o navegador ou editor substitui por uma fonte diferente, podendo alterar o layout.
Quando usar cada abordagem:
- Contornos de caminho: Quando a fidelidade visual é fundamental (logotipos, identidade visual, gráficos finais). O resultado fica idêntico em qualquer lugar.
- Elementos de texto: Quando você precisa editar o conteúdo do texto, usá-lo para SEO (incorporação web) ou garantir acessibilidade (leitores de tela). Se você precisa apenas das palavras, e não dos gráficos, veja como extrair texto de um PDF.
Estrutura do SVG Resultante
O arquivo SVG resultante é um documento XML padrão que pode ser aberto em qualquer aplicativo compatível com SVG. A estrutura normalmente inclui:
- Elemento raiz
<svg>: Define as dimensões do viewport correspondentes ao tamanho original da página PDF - Seção
<defs>: Contém definições reutilizáveis como gradientes, padrões e caminhos de recorte - Grupos
<g>: Elementos organizados em grupos lógicos, geralmente correspondendo a camadas no PDF original - Elementos
<path>: As formas vetoriais reais, definidas usando dados de caminho SVG (comandos M, L, C, Z) - Elementos
<image>: Imagens raster incorporadas (codificadas em base64 ou referências externas)
Editando o SVG Resultante
Arquivos SVG podem ser editados em diversas ferramentas:
- Adobe Illustrator: Edição vetorial profissional completa. Abra o SVG diretamente, edite caminhos, modifique cores, adicione/remova elementos. Melhor para trabalhos gráficos complexos.
- Inkscape: Editor vetorial gratuito e de código aberto. Excelente suporte a SVG, pois é seu formato nativo. Ótimo para extração de logotipos e edição de diagramas.
- Figma: Importe SVG para trabalhos de design UI/UX. Útil para extrair ícones e elementos de design de guias de estilo em PDF.
- Editores de código: SVG é XML, então você pode editá-lo diretamente no VS Code, Sublime Text ou qualquer editor de texto. Útil para remover elementos desnecessários, otimizar o tamanho do arquivo e incorporação web.
Dicas de Otimização
Arquivos SVG convertidos frequentemente contêm dados desnecessários que aumentam o tamanho do arquivo sem melhorar a qualidade. Aqui estão etapas comuns de otimização:
- Remover metadados: Ferramentas de conversão de PDF podem incorporar metadados, comentários e instruções de processamento. Remova-os para reduzir o tamanho do arquivo.
- Simplificar caminhos: Curvas complexas com muitos pontos de controle podem ser simplificadas usando ferramentas como SVGO ou o comando Simplificar Caminho do Illustrator. Isso reduz o tamanho do arquivo com impacto visual mínimo.
- Remover elementos ocultos: Algumas conversões produzem elementos ocultos ou fora da tela. Exclua tudo o que estiver fora do viewBox.
- Mesclar formas sobrepostas: Formas separadas que formam um único elemento visual podem ser mescladas usando operações booleanas (União no Inkscape, Localizador de Caminho no Illustrator).
- Otimizar para web: Use SVGO ou ferramentas similares para minificar o SVG (remover espaços em branco, encurtar dados de caminho, otimizar transformações) para incorporação web.
Casos de Uso Comuns
Extração de logotipos: Extraia logotipos de empresas de diretrizes de marca em PDF ou papel timbrado. O formato vetorial garante que o logotipo seja escalado perfeitamente para qualquer tamanho.
Edição de diagramas: Converta diagramas técnicos, fluxogramas e esquemas de documentação PDF para SVG para modificação e reutilização.
Gráficos para web: Converta ilustrações em PDF para SVG para incorporação web. O SVG é renderizado com nitidez em todas as densidades de tela (Retina, 4K) sem precisar criar múltiplos tamanhos de imagem. Nossa comparação SVG vs PNG explica quando um arquivo vetorial é a melhor escolha para a web.
Preparação para impressão: Extraia arte vetorial de PDFs para uso em novos projetos de impressão, garantindo máxima qualidade em qualquer tamanho de impressão.