Arraste um arquivo SVG ou clique para selecionar
SVG
Como funciona
O SVG é um formato vetorial: descreve formas com coordenadas, então pode ser desenhado em qualquer tamanho sem perder nitidez. Já o PNG e o JPG são mapas de bits com uma quantidade fixa de pixels. Rasterizar é justamente esse passo: fixar uma resolução e desenhar o vetor sobre essa grade de pixels.
Por isso a resolução é escolhida antes de converter, não depois. A ferramenta reescreve a largura e a altura do SVG para o tamanho pedido e só então o desenha, de modo que o navegador traça novamente as curvas nessa escala em vez de ampliar uma imagem pequena. Você pode indicar um multiplicador (2×, 4×…) ou largura e altura exatas em pixels.
O PNG preserva a transparência; o JPG não, então as áreas transparentes são preenchidas com a cor de fundo que você escolher. Todo o desenho ocorre no seu navegador com Canvas: nem o arquivo nem o código SVG são enviados a qualquer servidor.
Exemplos
<svg viewBox="0 0 24 24" width="24" height="24">…</svg>PNG 96 × 96 pxUm ícone de 24 px convertido com multiplicador 4× fica em 96 × 96 px, o tamanho habitual para telas de alta densidade.<svg viewBox="0 0 1200 630">…</svg>JPG 1200 × 630 pxUm SVG sem os atributos width e height assume o tamanho do viewBox; aqui é rasterizado a 1× para uma imagem de pré-visualização em redes sociais.Casos de uso
- Gerar os ícones em PNG exigidos pelas lojas de aplicativos ou pelos manifestos web, que não aceitam SVG.
- Converter um logotipo vetorial para PNG com fundo transparente para inseri-lo em uma apresentação ou documento.
- Exportar um diagrama ou gráfico SVG para JPG e anexá-lo a um e-mail ou enviá-lo a uma plataforma que rejeita vetores.
- Obter versões @2x e @3x de um mesmo ícone para telas de alta densidade.
- Produzir a imagem de pré-visualização (Open Graph) de um site a partir de um modelo SVG.
Perguntas frequentes
Qual resolução escolher?
A do uso final. Para telas comuns basta o tamanho em que a imagem será exibida; para telas de alta densidade convém 2× ou 3× esse valor. Para impressão, multiplique o tamanho em polegadas por 300 para chegar a 300 dpi.
Por que meu SVG sai com um tamanho que eu não esperava?
O tamanho inicial vem dos atributos width e height; se faltarem ou estiverem em porcentagem, usa-se a proporção do viewBox. Quando não há nenhum dos dois, o navegador assume 300 × 150 px. Você pode ignorar esse valor e digitar largura e altura exatas no modo personalizado.
A transparência é preservada?
Em PNG sim, se você deixar marcada a opção de fundo transparente. O JPG não admite canal alfa, então é sempre desenhado sobre uma cor sólida: branco por padrão, embora você possa alterá-la.
Por que um SVG que usa imagens ou fontes externas falha?
Ao ser desenhado dentro de uma imagem, o SVG não consegue baixar recursos de outros domínios e o navegador bloqueia a exportação por segurança. A solução é incorporar esses recursos no próprio SVG: as imagens como data URI e os textos convertidos em traçados.
Dá para voltar de PNG para SVG?
Não de forma direta: ao rasterizar, a informação vetorial se perde e sobram apenas pixels. Recuperar as curvas exige um processo de vetorização que reconstrói formas aproximadas, não o original. Convém sempre guardar o SVG de origem.