O que é SVG e como salvar um desenho SVG em PDF
Por que SVG não é foto, por que ele não entra no conversor de imagem para PDF e como exportar o vetor pelo navegador ou por um editor, cuidando das fontes e do fundo.
SVG, sigla de Scalable Vector Graphics, é um formato de desenho vetorial baseado em texto. Ele guarda formas, linhas e textos como instruções, e não como pixels. Por isso um SVG pode ser ampliado sem perder nitidez. Para entrar num PDF, ele precisa ser exportado, porque a ferramenta de imagem para PDF trabalha com fotos e imagens de pixels.
Por que o SVG não é uma foto
Uma foto é uma grade de pixels, e cada um tem uma cor fixa. Um SVG é uma lista de comandos: desenhe um círculo com este raio, nesta posição, com esta cor. Na tela, o navegador desenha o círculo no tamanho que a janela pede. É por isso que logotipos, ícones e diagramas costumam vir em SVG (os do Visio usam o VSDX, tratado em arquivo VSDX e PDF): cabem em qualquer tamanho.
Como o arquivo é texto, dá para abri-lo com um editor comum e ver o conteúdo. Isso é útil para conferir o desenho, mas também significa que o SVG pode conter código, não só formas. Essa é a razão para tratar arquivos de origem duvidosa com cuidado.
Os três caminhos até um PDF
Há três formas de sair de um SVG para um PDF, e a escolha depende de você precisar ou não do vetor no arquivo final.
| Caminho | O que o PDF guarda | Quando usar |
|---|---|---|
| Imprimir e Salvar como PDF no navegador | Vetor, na maior parte dos casos | Um SVG que você já tem no computador |
| Exportar como PDF num editor de vetores | Vetor, com controle de páginas e fontes | Logotipo ou diagrama que vai para gráfica |
| Captura de tela, salva como imagem | Pixels, com a resolução da captura | Só quando nada mais funciona, sem ampliação |
A captura de tela é a saída de emergência, porque o PDF fica com a resolução da janela e não se presta a impressão grande. Para um desenho que será ampliado, a exportação em vetor é o caminho certo; no Figma, o frame exporta SVG ou PDF, e o caminho de trazer páginas de PDF está em PDF no Figma.
Passo a passo no navegador
- Abra o arquivo SVG no Chrome, Edge ou Firefox, arrastando o arquivo para a janela.
- Pressione Ctrl+P no Windows ou Cmd+P no Mac.
- Em Destino, escolha Salvar como PDF. Confira o tamanho do papel e a orientação.
- Salve e abra o PDF num leitor, ampliando um detalhe para testar o vetor.
Se o SVG é grande demais para uma folha A4, o navegador pode cortar ou reduzir o desenho. Nesse caso, confira a escala na janela de impressão antes de salvar. Depois de gerado, o PDF pode seguir para a ferramenta de comprimir PDF, se o peso importar.
O que a ferramenta de página da web faz
A ferramenta de página da web para PDF trabalha com um endereço público. Ela abre o endereço num navegador do servidor e imprime a página. Um SVG guardado no seu computador não tem endereço público, então esse caminho não serve para ele. Se o SVG já está publicado na internet, ele pode ser aberto como página, mas o resultado é uma página, e não um desenho ajustado ao papel.
O que pode dar errado
- Fonte diferente. O texto do SVG depende das fontes instaladas. Converta o texto em curvas no editor, se a aparência precisa ser exata, e aceite que o texto deixa de ser pesquisável.
- Desenho cortado. O SVG pode ter uma área de desenho maior ou menor que a folha. Confira a escala e as margens antes de salvar.
- Fundo transparente. Um SVG sem fundo pode sair com fundo branco ou transparente, conforme o programa que o exportou. Se o fundo importa, defina a cor no próprio arquivo antes de exportar.
Para documentos com desenhos, o SVG é um bom formato de origem e um mau formato de entrega, porque o leitor precisa de um programa que o interprete. O PDF resolve isso; o caminho inverso, de PDF para SVG, tem as suas perdas, descritas em PDF para SVG. Quando a imagem é uma foto ou um escaneado, o caminho é outro, e o guia sobre PNG explica por que a conversão em pixels precisa de cuidado.
Por que um SVG pode pesar muito
Um SVG com formas simples é leve, porque guarda só as instruções do desenho. O formato também aceita imagens embutidas, e uma foto colocada dentro do SVG vira um bloco de dados codificado em texto, que costuma pesar mais que a foto original. Se um SVG pequeno ficou grande, procure imagens incorporadas dentro dele.
Esse caso aparece em logotipos gerados por ferramentas automáticas e em ilustrações exportadas com uma imagem de fundo. Num editor de vetores, o painel de camadas mostra quais elementos são imagens e quais são formas, e isso ajuda a decidir o que apagar antes de exportar.
Se o desenho está numa página publicada, o guia converter página da web em PDF pelo link mostra como imprimi-la a partir do endereço.
Perguntas frequentes
Posso enviar um arquivo SVG direto para a ferramenta de imagem para PDF?
Não. A ferramenta aceita fotos e imagens de pixels, como JPG, PNG, HEIC, WebP, AVIF, TIFF, GIF e BMP. O SVG é um desenho vetorial, e não está na lista. Para ter o PDF, abra o SVG num navegador ou num editor de vetores e salve ou exporte como PDF.
Um SVG em PDF continua com qualidade ao dar zoom?
Continua, se o PDF for gerado a partir do vetor, e não a partir de uma imagem da tela. Ao usar Imprimir e Salvar como PDF no navegador, o desenho costuma manter os contornos vetoriais. Já uma captura de tela do SVG vira imagem de pixels, e perde a nitidez ao ampliar.
Por que o texto do SVG some ou muda de fonte no PDF?
Porque o SVG depende das fontes instaladas no computador que o abriu. Se a fonte não está disponível, o programa usa uma substituta, e o texto pode mudar de largura. Em um editor de vetores, a opção de converter o texto em curvas resolve, mas o texto deixa de ser pesquisável.
O SVG é seguro para abrir, já que é texto?
Ele é texto em formato XML, então dá para lê-lo num editor comum. Isso também significa que um SVG pode conter código, e não só desenho. Abra arquivos vindos de fontes desconhecidas em navegadores e editores atualizados, e não os execute como programa.