Ir para o conteúdo

SVG → PNG

Conversor de SVG para PNG

Solte um arquivo vetorial e receba um PNG na resolução que o trabalho exige. A rasterização acontece nesta aba, então o trabalho de design fica entre você e sua máquina.

Solte um SVG aqui

ou

Um PNG tem pixels fixos: ampliá-lo depois o deixa borrado, enquanto o SVG continua nítido em qualquer tamanho. Áreas transparentes são mantidas, não preenchidas.

Como converter SVG para PNG

1

Carregue o vetor

Solte o arquivo .svg ou cole-o. Arquivos que não declaram largura e altura no cabeçalho são renderizados num viewport de 1024 pixels.

2

Escolha o tamanho em pixels

Defina a largura ou a altura de que precisa — 256 para um ícone de aplicativo, 2400 para um gráfico impresso — e a outra dimensão segue a proporção. Uma exportação nunca é ampliada além do tamanho que o arquivo declara.

3

Exporte o PNG

Salve o raster e use-o onde um PNG é esperado: um slide, um fluxo de favicon, um README ou uma ficha de loja que não aceita vetores.

Transformar vetores em pixels

SVG é XML: caminhos, preenchimentos e instruções de texto que um renderizador resolve em qualquer zoom, e é por isso que logotipos e ícones são desenhados como vetores. O PNG é uma grade de pixels prontos, então rasterizar significa fixar antes um tamanho de grade — cada curva é amostrada nela, e a resolução que você escolhe é a resolução que fica.

O desenho é renderizado pelo próprio motor SVG do navegador, o mesmo que o mostra numa página, então gradientes, filtros e formas recortadas se comportam como na tela, e a transparência é preservada porque o PNG carrega canal alfa. O custo é a fixidez: amplie o PNG depois e as bordas amolecem, enquanto uma nova exportação a partir do SVG num tamanho maior continua nítida. Guarde o vetor como arquivo matriz.

Perguntas sobre SVG para PNG

Como escolho a resolução do PNG?

Pense no maior lugar em que ele vai aparecer: 16–64 px para um favicon, 256–512 px para um ícone de aplicativo, 1000 px ou mais para impressão. Defina uma dimensão e a outra segue a proporção; exportar de novo em outro tamanho sai barato porque o original continua nítido.

O que eu perco em relação ao SVG?

Escalabilidade e editabilidade: o PNG é uma grade fixa, então ampliá-lo borra, e suas formas deixam de ser texto que você pode reestilizar. Trate a exportação como uma cópia de entrega para um tamanho e fique com o .svg original.

Meu SVG não tem largura nem altura. O que acontece?

Ele é renderizado num viewport de 1024 pixels, e isso passa a ser seu tamanho intrínseco, então um arquivo que só tem viewBox é tratado como 1024 px de largura. Defina um tamanho explícito em pixels aqui, ou acrescente largura e altura à marcação, quando precisar de algo exato.

O PNG mantém a transparência, e meu arquivo é enviado?

A transparência é preservada, porque o PNG tem canal alfa de verdade — um logotipo em fundo transparente continua transparente. Nada é enviado também: a arte é renderizada e codificada nesta aba, até 64 MB por arquivo, e a página funciona offline depois de carregada.