PK Systems PK Systems
Ferramentas de Imagem

Conversor SVG para PNG / JPG

Rasterize SVGs em qualquer resolução. Escolha escala, fundo e baixe um PNG ou JPG.

Conversor SVG para PNG / JPG

Arraste um SVG aqui ou clique para escolher Apenas arquivos SVG

Tudo processado no seu navegador — sem upload, sem rastreamento.

Pré-visualização

O que este conversor faz

SVG é ótimo para logos e ícones porque escala sem borrar, mas muitas plataformas ainda exigem um arquivo raster: envio de ícone de app, upload em redes sociais, imagens em e-mails, papel de parede do sistema. Esta ferramenta pega qualquer SVG — arquivo ou código colado — e rasteriza em PNG (com transparência opcional) ou JPG (com fundo forçado) na resolução que você escolher. Selecione 1×, 2× ou 4× o tamanho natural do SVG, ou defina uma largura customizada em pixels e a altura é calculada preservando a proporção. Tudo roda no seu navegador via <canvas>: seu SVG nunca sai desta aba. Isso importa para ativos de marca proprietários, designs não lançados ou qualquer arquivo que você não pode entregar a um serviço web qualquer. A pré-visualização atualiza ao vivo conforme você muda as opções, então dá para ver como fundo e resolução afetam o resultado antes de baixar. Há também o modo JPG para casos em que você quer o menor arquivo possível e não precisa de transparência — cards sociais e thumbnails densos, principalmente.

Como usar

  1. Forneça o SVG — Solte um arquivo ou cole o código. O SVG precisa ter viewBox ou atributos width/height; senão o navegador não sabe o tamanho.
  2. Escolha escala e formato — 1× é o tamanho nominal do SVG. 2× é ótimo para telas retina. 4× para impressão. Customizada permite mirar uma largura exata, como 1200px para imagens de OG.
  3. Defina o fundo — Transparente só funciona em PNG. JPG precisa de fundo sólido — branco é o padrão seguro, mas escolha algo que combine com a arte.
  4. Baixe — Clique em baixar. O PNG é gerado localmente e salvo com um nome sensato — sem ida ao servidor.

O que acontece por baixo

Codificamos o código SVG em base64 dentro de uma URL data:image/svg+xml;base64 e atribuímos a um HTMLImageElement. Depois que o navegador parseia e faz layout do SVG, desenhamos no canvas no tamanho da resolução escolhida — o próprio navegador faz a rasterização, então o resultado bate com o que Chrome ou Safari exibiriam. O canvas é então codificado em PNG (sem perdas) ou JPG (com perdas, qualidade 92). Largura e altura saem do viewBox ou de atributos explícitos; a proporção é sempre preservada.

Quando usar PNG vs JPG

Use PNG para logos, ícones e qualquer arte com bordas vivas ou texto — a compressão sem perdas mantém as linhas nítidas e você pode preservar a transparência. Use JPG apenas para SVGs tipo foto ou casos em que você precisa do menor arquivo possível e fundo sólido aceitável. A compressão por blocos do JPG estraga linhas finas e prejudica regiões de cor chapada, então raramente é a melhor escolha para arte vetorial.

Perguntas frequentes

Por que meu SVG renderiza em branco?
Provavelmente o SVG não tem viewBox nem dimensões explícitas, então o navegador o dimensiona em 0×0. Adicione viewBox="0 0 W H" no <svg> raiz.
O SVG pode referenciar imagens ou fontes externas?
Recursos externos (URLs remotas em <image>, web fonts em CSS) costumam falhar porque a conversão roda em um contexto isolado por privacidade. Embuta as fontes e quaisquer imagens no SVG antes de converter, e a saída ficará perfeita.
Qual a resolução máxima?
Travamos a largura customizada em 8192px para não derrubar o canvas no celular. A maioria dos navegadores aguenta 4096×4096 sem problemas; além disso, Safari mobile e alguns Androids podem abortar.
Por que JPG não me deixa usar transparente?
JPG simplesmente não suporta canal alfa. Para gerar JPG temos que achatar a arte sobre um fundo sólido. PNG mantém a transparência.
O SVG é enviado para algum lugar?
Não. A conversão é totalmente no cliente. A única chamada de rede da página é para a própria página — nada do seu SVG sai.
E SVGs animados ou interativos?
Capturamos um único frame no momento em que o SVG carrega. Animações SMIL ou keyframes CSS são pausadas no frame zero. JavaScript dentro do SVG não executa quando carregado como imagem.