Conversor SVG para PNG / JPG
Rasterize SVGs em qualquer resolução. Escolha escala, fundo e baixe um PNG ou JPG.
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
- Forneça o SVG — Solte um arquivo ou cole o código. O SVG precisa ter
viewBoxou atributos width/height; senão o navegador não sabe o tamanho. - 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.
- 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.
- 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?
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?
<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.
EN
PT
ES