SVG para PNG
Conversor

Como converter SVG em PNG

1. Clique em Escolher fotos ou solte arquivos .svg na página.
2. Cada SVG é desenhado e salvo como PNG na hora, na escala 2×.
3. Escolha outra Escala no painel de ajustes à direita se precisar de uma imagem menor ou maior e clique em Aplicar a todos os arquivos.
4. Salve cada PNG ou use Baixar tudo (.zip).

Como o tamanho de saída é calculado

O tamanho inicial vem do próprio SVG. Se o elemento svg raiz tem largura e altura, elas são usadas, com unidades como mm, cm, in e pt convertidas a 96 pixels por polegada, o padrão. Se só há um viewBox, usam-se a largura e a altura dele. Se o arquivo não tem nenhum dos dois, os navegadores o tratam como 300 por 150 pixels, e esta ferramenta também.

Esse tamanho é então multiplicado pelo ajuste de Escala. Um ícone de 24 por 24 em 4× vira um PNG de 96 por 96. Para ficar dentro do que todo navegador consegue desenhar, a saída é limitada a 8192 pixels de lado e a cerca de 16 megapixels no total, e a escala é reduzida automaticamente quando uma imagem passaria disso.

O que o ajuste de Escala faz

• 1×. O PNG tem o mesmo tamanho em pixels que o SVG. Bom quando o SVG foi criado exatamente no tamanho em que será exibido.
• 2× (nítido). O padrão. O dobro do tamanho, o que fica nítido em telas de alta densidade de celulares e notebooks.
• 4× (impressão). Quatro vezes o tamanho, para impressão, apresentações ou qualquer lugar em que você precise de uma imagem em bitmap grande.

Fontes, imagens e outros pontos a conferir

O SVG é desenhado do jeito que um navegador desenha um SVG usado como imagem. Nesse modo, o navegador não carrega nada de fora do arquivo: imagens vinculadas, fontes da web e folhas de estilo externas são ignoradas, e os scripts não são executados. Imagens incorporadas ao arquivo como URLs de dados funcionam.

O texto é desenhado com as fontes instaladas no seu aparelho. Se o SVG usa uma fonte que você não tem, uma fonte substituta é usada e o texto pode ficar diferente ou mudar de posição. A solução confiável é converter o texto em contornos (caminhos) no seu editor vetorial antes de exportar o SVG.

Animações não são capturadas; você recebe uma única imagem estática. As áreas transparentes continuam transparentes no PNG.

Problemas comuns e soluções

• “Não foi possível ler este SVG.” O arquivo não é um XML válido ou não é um SVG. Abra-o em um editor de texto e confira se começa com um elemento svg. SVGs copiados de páginas da web muitas vezes não têm a declaração de namespace; a ferramenta a adiciona para você.
• O PNG está em branco ou faltam partes. O desenho provavelmente depende de uma imagem ou folha de estilo externa. Incorpore esses itens no SVG ou achate a arte no seu editor.
• O PNG está com o tamanho errado. A largura e a altura no SVG estão definidas de forma diferente do que você esperava ou são porcentagens. Edite-as no arquivo ou conte com o ajuste de Escala.
• A saída é menor que 4×. A imagem atingiu o limite de tamanho descrito acima.

SVG ou PNG?

Mantenha o SVG para logotipos, ícones e ilustrações em sites: ele continua nítido em qualquer tamanho e costuma ser bem leve. Use PNG quando um programa, rede social, cliente de e-mail ou editor de documentos não aceitar SVG, ou quando precisar de uma imagem de tamanho fixo para uma loja de aplicativos ou um favicon. Se precisar fazer o caminho inverso, PNG para SVG vetoriza um bitmap em formas vetoriais.