Como usar
- Escolha um arquivo .svg (até 5 MB) ou cole o código SVG na caixa.
- Escolha um fator de escala, como 2× para telas de alta densidade, ou informe uma largura exata em pixels.
- Mantenha o fundo transparente ou escolha uma cor.
- Confira a prévia e baixe o PNG ou o WebP, se o seu navegador for compatível.
Como funciona
SVG é um formato vetorial: as formas são descritas matematicamente e, por isso, podem ser desenhadas com nitidez em qualquer tamanho. PNG é uma grade de pixels, formato exigido por muitos aplicativos, documentos, clientes de e-mail e redes sociais. Esta ferramenta desenha o SVG com o próprio renderizador do seu navegador, no tamanho escolhido, e salva os pixels como PNG.
O tamanho inicial é definido pelos atributos width e height do SVG. Unidades absolutas são convertidas em pixels (1 in = 96 px, 1 pt = 1,33 px). Se apenas uma dimensão ou nenhuma delas for informada, o viewBox define as proporções e o tamanho; sem nenhum dos dois, os navegadores usam 300 × 150. Valores relativos, como 100%, não podem ser determinados em um arquivo independente, então o viewBox é usado.
O SVG é carregado como imagem, uma forma segura de renderizar arquivos não confiáveis: scripts não são executados e recursos externos, como imagens vinculadas, fontes da Web e arquivos CSS, não são carregados. Textos que dependem de uma fonte não instalada no seu dispositivo serão desenhados com uma fonte substituta. O XML é verificado primeiro, para que um erro de digitação mostre uma mensagem clara em vez de uma imagem em branco.
Exemplos
Ícone de aplicativo a partir de um logotipo SVG
Um logotipo com viewBox="0 0 64 64" exportado com largura de 1024 gera um PNG de 1024 × 1024 com bordas nítidas, pronto para uma loja de aplicativos ou um gerador de favicon.
Imagem para telas Retina de um site
Uma ilustração de 400 × 300 em escala 1×, exportada com escala 2, gera um PNG de 800 × 600 que continua nítido em telas de alta densidade.
Slide ou documento
Exportar um gráfico SVG com escala 3 e fundo branco gera um PNG que pode ser colado em um programa de apresentações que não aceita SVG.
Perguntas frequentes
Por que meu texto está com a fonte errada?
Fontes vinculadas na Web não são carregadas quando um SVG é desenhado como imagem. As fontes instaladas no seu dispositivo serão usadas se forem compatíveis. Para garantir o resultado, converta o texto em contornos no seu programa de design ou incorpore a fonte no SVG como uma URL de dados.
Por que as imagens vinculadas não aparecem?
Imagens referenciadas por URL dentro do SVG são bloqueadas por segurança ao renderizar o SVG como imagem. Imagens incorporadas (URLs data:) funcionam.
Qual é o tamanho máximo da imagem de saída?
Até 16.384 px por lado e 50 megapixels no total. Exportações muito grandes de SVGs complexos podem levar alguns segundos e falhar em celulares com pouca memória.
É seguro converter um SVG de origem desconhecida?
A renderização aqui é segura: um SVG desenhado como imagem não pode executar scripts nem carregar recursos externos. O PNG convertido contém apenas pixels.
Privacidade
Seu SVG é processado e desenhado pelo navegador. Ele não é enviado, armazenado nem incluído nas análises.