SVG → PNG

Rasterize arquivos vetoriais SVG em imagens PNG

Como funciona

SVG → PNG — Rasterize arquivos vetoriais SVG em imagens PNG. Todo o processamento acontece no seu navegador — sem upload, sem cadastro, sem e-mail. Grátis para sempre.

Última atualização: 2026-05-06

Editor's note

Construímos isso porque a App Store queria um PNG 1024×1024 do nosso logo e o SVG que exportamos tinha um gradiente radial que o renderizador CLI do Inkscape transformou em listras feias. A marca apareceu quebrada na página da listagem, ninguém percebeu por um dia, e o screenshot ficou no ar o tempo todo. Odiávamos esse pipeline inteiro depois disso — todo rasterizador de SVG por linha de comando que testamos tinha pelo menos um filtro que interpretava de um jeito diferente do navegador.

Então decidimos pelo único renderizador que casa com o que os usuários realmente veem: o próprio engine SVG do navegador. O PNG que você baixa aqui é pixel idêntico ao que um usuário do Chrome capturaria do seu site no ar. Essa é a única consistência que importa para assets de marca, e é a razão de não nos darmos ao trabalho de construir um fallback no servidor para navegadores antigos. Se o seu SVG renderiza certo no preview, ele vai renderizar certo em todo lugar onde sua audiência vive.

Sobre SVG → PNG

SVG → PNG transforma gráficos vetoriais escaláveis em imagens PNG rasterizadas em qualquer resolução que você escolher. SVG é imbatível na web porque permanece nítido em qualquer nível de zoom, mas a maioria das lojas de aplicativos, plataformas sociais, ferramentas de apresentação, painéis de e-commerce e impressoras antigas ainda esperam um PNG de tamanho fixo. Esta ferramenta oferece uma forma rápida de fazer essa ponte sem precisar abrir o Illustrator ou o Inkscape.

Foi feita para designers que entregam ícones aos desenvolvedores, profissionais de marketing preparando imagens OG, fundadores gerando assets para a App Store e qualquer pessoa que precise de um PNG com fundo transparente ou sólido a partir de um arquivo .svg em segundos. Escolha o tamanho, defina o fundo e baixe — sem cadastro, sem e-mail, sem fila de espera.

A conversão acontece inteiramente no navegador usando a Canvas API nativa, então sua arte nunca toca em um servidor. Isso importa quando o SVG contém branding ainda não lançado, ícones cobertos por NDA ou trabalhos de cliente que você não pode subir para ferramentas aleatórias.

Como usar SVG → PNG

Arraste seu arquivo .svg para a área de upload ou clique para procurar — vários arquivos podem ser enfileirados de uma só vez.
Escolha um preset de largura (256, 512, 1024, 2048 px) ou digite uma largura personalizada; a altura é calculada a partir da proporção do SVG.
Selecione Transparente, Branco ou uma cor hexadecimal personalizada para o fundo, conforme onde o PNG será usado.
Inspecione a pré-visualização ao vivo para confirmar que fontes, gradientes e espessuras de traço estão renderizando como você espera.
Clique em Baixar para salvar o PNG. Repita com uma largura diferente se precisar de um conjunto de ícones em várias resoluções.

Casos de uso comuns

Exportar logos da marca em 1024 px e 2048 px para press kits e páginas de parceiros.
Gerar imagens Open Graph e Twitter Card a partir de uma ilustração SVG antes de publicar um post no blog.
Produzir capturas de tela em alta resolução para a App Store e materiais de marketing que exigem PNG, não SVG.
Converter uma biblioteca de ícones para PNG para ferramentas que não aceitam SVG (PowerPoint, clientes de e-mail antigos, alguns blocos do Notion).
Criar conjuntos PNG @1x/@2x/@3x prontos para retina a partir de um único SVG de origem.

Dicas e erros comuns

Se o SVG embute fontes externas via @import, o PNG renderizado pode cair para uma fonte de sistema. Converta o texto em contornos na sua ferramenta de design antes de exportar o SVG para travar a tipografia.
Use o fundo Transparente para ícones que ficarão sobre uma UI escura; escolha Branco se o PNG for para um documento Word ou PDF.
Sempre exporte em pelo menos 2× o tamanho de exibição para telas retina — um PNG de 512 px parece mais nítido do que um de 256 px exibido em 256 pixels CSS.
Se as cores parecerem ligeiramente diferentes, o SVG pode estar usando um perfil de cor que seu navegador não reconhece. Reexporte o SVG em sRGB para manter as cores consistentes entre visualizadores.

Perguntas frequentes

Qual a resolução de saída?

O tamanho natural do SVG ou uma largura personalizada (altura calculada automaticamente). Presets comuns: 256, 512, 1024, 2048 px.

Posso preservar a transparência?

Sim. Escolha 'Transparente' como fundo. Escolha 'Branco' ou uma cor personalizada se o SVG tiver áreas transparentes que você quer sólidas.

Por que meu SVG é renderizado em 800×600?

Não conseguimos determinar o tamanho natural (sem width/height/viewBox). Use a opção 'Largura personalizada' para fixá-lo.

Posso converter vários SVGs de uma vez?

Sim — arraste ou selecione vários arquivos. Cada um é renderizado na fila e ganha seu próprio botão de download, então você pode baixá-los individualmente ou um após o outro.

Gradientes, máscaras e filtros sobrevivem à conversão?

A maioria sim. O renderizador SVG do navegador lida bem com gradientes lineares/radiais, clip paths e filtros CSS padrão. Primitivos de filtro muito avançados (cadeias de feTurbulence, pilhas complexas de feComposite) às vezes ficam ligeiramente diferentes — pré-visualize antes de baixar.

Por que meu PNG ficou enorme em tamanho?

PNG é sem perdas e armazena cada pixel, então uma exportação de 4096 px com gradientes fotográficos pode passar facilmente de 5 MB. Se o tamanho importa mais que a qualidade perfeita, passe o resultado pelo Comprimir Imagem ou converta para WebP usando o Converter Imagem.