Ir para o conteúdo

Converter SVG para PNG e PNG para SVG

Transforme arquivos SVG em PNG nítido em qualquer tamanho ou vetorize um PNG ou JPG em SVG. A conversão acontece no seu navegador.

Solte os arquivos SVG aquiou clique para procurar · cole o código SVG com Ctrl+V
Escolher SVGProcessado no seu dispositivo – nada é enviado
Roda no seu navegador · sem uploadComo funciona

Como usar: Conversor SVG ↔ PNG

  1. 1

    Carregue o SVG

    Solte um ou mais arquivos .svg, cole o código SVG em qualquer lugar da página ou digite na caixa de código e clique em Renderizar SVG.

  2. 2

    Escolha o tamanho de saída

    Escolha 1×, 2×, 4× ou 8× o tamanho original do SVG, ou digite uma largura exata de até 16.384 pixels; a altura acompanha.

  3. 3

    Escolha o formato e o fundo

    O PNG mantém o fundo transparente; JPG e WebP ganham um controle de qualidade, e qualquer formato pode ser preenchido com uma cor.

  4. 4

    Baixe

    Salve o PNG, nomeado com o nome do arquivo e o tamanho, como logo-512x512.png, ou todos os arquivos de uma vez em svg-to-png.zip.

Limites e Pro

SVG para PNG: quantos arquivos SVG você quiser, cada um exportado com até 16.384 px por lado e 120 megapixels. PNG para SVG: uma imagem de até 25 MB por vez.

O Pro eleva o limite de entrada de PNG para SVG para arquivos de até 4 GB. Ver o Pro

Sobre: Conversor SVG ↔ PNG

SVG para PNG transforma gráficos vetoriais em imagens comuns, feitas de pixels. O próprio mecanismo de SVG do navegador desenha o arquivo diretamente no tamanho que você pedir, então uma exportação em 8× de um ícone de 64 pixels vira uma imagem nítida de 512 pixels, e não uma versão ampliada e borrada. O tamanho de saída vem dos atributos width e height do SVG, com unidades como mm, pt ou in convertidas a 96 pixels por polegada, ou do viewBox quando não há tamanho definido. A saída em PNG mantém a transparência alfa completa e é otimizada sem perdas com OxiPNG; o JPG não tem transparência e é preenchido com branco, a menos que você escolha outra cor. A pré-visualização é atualizada conforme você muda as configurações, então você vê o resultado exato antes de baixar.

Você precisa de um PNG onde o SVG não é aceito: redes sociais e aplicativos de mensagens, Word e PowerPoint em versões mais antigas, assinaturas de e-mail, páginas de lojas de aplicativos e muitos criadores de sites. Exportar em 2× ou 4× também gera imagens nítidas para telas de celular de alta densidade.

Como o SVG é renderizado como uma imagem independente, ele não consegue buscar nada na internet: imagens vinculadas e fontes da web referenciadas por URL não são carregadas, e o texto usa uma fonte instalada no seu dispositivo. Incorpore fontes e imagens como data URIs, ou converta o texto em contornos, antes de exportar. Scripts e animações não são executados, então você recebe um único quadro estático. A aba PNG para SVG faz o caminho inverso e vetoriza uma imagem em caminhos.

Privacidade

A renderização acontece no mecanismo de SVG integrado ao seu navegador, e a imagem é codificada por codecs WebAssembly da jSquash em um Web Worker nesta aba, carregados apenas deste site depois que você adiciona um arquivo. O código SVG e as imagens exportadas ficam no seu dispositivo; nada é enviado, e o próprio renderizador não consegue fazer requisições de rede em nome do SVG.

Recursos

Nítido em qualquer tamanho

Os vetores são renderizados de novo na resolução de saída: exporte em 1×, 2×, 4×, 8× ou com uma largura exata em pixels.

Fundo transparente

PNG e WebP mantêm a transparência; ou preencha o fundo com qualquer cor.

Cole o código SVG

Cole o código direto do seu editor ou ferramenta de design, sem precisar de arquivo.

Exportação em lote

Converta um conjunto inteiro de ícones com as mesmas configurações e baixe um ZIP.

Também de PNG para SVG

Troque de aba para vetorizar um logo PNG ou JPG em caminhos limpos.

Conversor SVG ↔ PNG: perguntas frequentes

Como converter SVG para PNG com fundo transparente?
Deixe o formato em PNG e o Fundo em Transparente, que são os padrões, e baixe. Toda área que o SVG não pinta permanece totalmente transparente no PNG, e preenchimentos semitransparentes e bordas suaves mantêm seus valores alfa. O JPG não guarda transparência, então nele as áreas vazias são preenchidas com branco ou com a cor escolhida em Fundo.
Em que tamanho devo exportar meu SVG?
Para um site, exporte com 2× o tamanho em que ele será exibido, por exemplo 600 pixels de largura para um espaço de 300 pixels, para ficar nítido em telas de alta densidade. Ícones de aplicativos e páginas de lojas costumam pedir 512 ou 1024 pixels quadrados. Para impressão, multiplique a largura em polegadas por 300. Como o vetor é redesenhado a cada tamanho, exportações maiores nunca ficam borradas, só maiores.
Por que as fontes ou imagens do meu SVG aparecem erradas?
Um SVG desenhado como imagem não consegue baixar nada, então fontes vinculadas do Google Fonts ou de outro servidor, e imagens referenciadas por URL, não aparecem; o texto usa uma fonte instalada no seu dispositivo. Abra o arquivo no seu aplicativo de design e converta o texto em contornos ou caminhos, ou incorpore fontes e imagens como dados base64, depois exporte o SVG de novo e renderize aqui.
Posso converter vários arquivos SVG de uma vez?
Sim. Solte quantos arquivos SVG quiser; eles aparecem em uma lista e o item selecionado é pré-visualizado. As configurações de tamanho, formato e fundo valem para todos, então um conjunto inteiro de ícones pode ser exportado em 4× de uma só vez. O botão de download então cria o svg-to-png.zip, com cada PNG nomeado com o nome do arquivo de origem e o tamanho final em pixels.
Por que o PNG saiu com um tamanho diferente do esperado?
O tamanho base vem dos atributos width e height do SVG, convertidos em pixels a 96 por polegada, e a escala multiplica esse valor. Se o SVG tiver só um viewBox, os números dele são usados como pixels; sem nenhum dos dois, os navegadores assumem 300 × 150. Para obter um resultado exato, independentemente do arquivo, escolha a opção px e digite a largura que você precisa; a altura mantém as proporções.

Outras tarefas com esta ferramenta

Todas: ferramentas de imagem