Conversor SVG → PNG
Solte um arquivo SVG ou cole o markup, escolha uma escala e um fundo, e baixe um PNG. O tamanho intrínseco é lido dos atributos width e height, ou do viewBox quando eles não existem, e multiplicado pela sua escala — então exportações em 2x e 3x produzem os recursos que telas de alta densidade esperam. O fundo importa mais do que parece: o SVG não tem tela própria, então um ícone desenhado em preto sobre nada vira preto sobre transparente, invisível diante de uma interface escura até você lhe dar branco ou uma cor. A renderização acontece num Canvas do seu navegador e o arquivo nunca é enviado.
Tamanho intrínseco: 200 × 200
Como usar
- Solte um SVG ou cole o markup.
- Ajuste a escala (1× equivale ao tamanho intrínseco).
- Escolha o fundo — transparente, branco ou cor personalizada.
- Clique em Baixar para salvar o PNG.
Perguntas frequentes
- Por que a saída é 200×200 por padrão?
- Se o SVG não tem width / height / viewBox, a ferramenta usa 200×200. Adicione um viewBox ou dimensões ao SVG para mudar.
- Algumas fontes ficam diferentes no PNG
- Navegadores rasterizam SVG com as fontes do sistema do usuário. Se usar fonte personalizada, incorpore como data: URL ou converta texto em paths no editor vetorial.
- Meu SVG é enviado?
- Não. O SVG é processado e rasterizado no seu navegador via Canvas. Nada vai a um servidor.
- Lida com imagens externas dentro do SVG?
- Imagens referenciadas por URL podem falhar por CORS. Incorpore como data: URL dentro do SVG para evitar.
- Em que escala devo exportar?
- Acompanhe a densidade das telas para as quais a imagem se destina. 1x é o tamanho em pixels CSS, 2x cobre a maioria dos celulares e notebooks atuais, 3x cobre as telas de celular mais densas. Se o PNG vai para um documento ou um slide e não para uma interface, exportar em 2x e deixar que ele seja reduzido é o padrão seguro.
- Por que meu PNG está borrado?
- Porque foi rasterizado pequeno demais e depois ampliado. O SVG em si não tem resolução, então a nitidez do PNG é decidida inteiramente na exportação: aumente a escala e exporte de novo, em vez de ampliar o PNG depois, o que só consegue interpolar o que já está lá.
- Por que o PNG perde cores ou estilos do meu SVG?
- Porque só pode ser renderizado o que o arquivo carrega. Estilos que vivem numa folha externa, propriedades personalizadas de CSS herdadas da página e fontes referenciadas em vez de embutidas ficam indisponíveis quando o SVG é renderizado sozinho. Coloque os estilos inline no markup e converta o texto em traçados, e a exportação vai corresponder ao que você desenhou.
Ferramentas relacionadas
Otimizador de SVG
Reduza um SVG com o SVGO — tire os restos do editor, arredonde coordenadas, junte formas — e compare antes e depois. Nada é enviado.
Gerador de QR Code
Crie QR codes personalizados a partir de qualquer texto ou URL e baixe-os.
Gerador de Labirintos (SVG / PNG)
Gere labirintos imprimíveis com tamanho, escala de célula e semente reproduzível — backtracking recursivo com overlay de solução opcional.
Gerador de código de barras
Crie um código de barras EAN-13, EAN-8, UPC-A, Code 128, Code 39 ou ITF-14 e baixe como SVG ou PNG. Funciona no seu navegador.
Efeito Duotone de Imagem
Aplique um efeito duotone de duas cores em qualquer imagem — escolha cor de sombra e cor de luz, ajuste midpoint e contraste, baixe o resultado. Capas estilo Spotify em dois cliques.
Compressor de Imagens
Comprima e redimensione imagens JPEG, PNG e WebP no navegador.