Conversor de SVG para PNG
Transforme marcação SVG ou um arquivo .svg em um PNG ou JPG nítido em qualquer escala, direto no seu navegador. Sua arte fica no seu dispositivo.
O Conversor de SVG para PNG rasteriza sua arte em um canvas no seu navegador. O arquivo .svg ou a marcação que você solta ou cola é convertido localmente e nunca enviado à ArrayKit.
Abrir o Conversor de Imagens
Sobre SVG para PNG
O Conversor de SVG para PNG rasteriza arte vetorial em uma imagem de pixels sem nenhum software de design. Solte um arquivo .svg ou cole marcação SVG, depois escolha o tamanho de saída — um múltiplo 1x, 2x ou 3x do tamanho intrínseco, uma escala personalizada, ou largura e altura explícitas com a proporção preservada. Ele lê o tamanho a partir dos atributos width e height do SVG ou do seu viewBox, então o que você exporta corresponde à origem. Escolha PNG para transparência sem perdas ou JPG para fotos menores, e defina um fundo transparente ou de cor sólida. É prático quando uma plataforma rejeita SVG, você precisa de um asset retina @2x, ou um favicon, imagem de README ou gráfico de e-mail precisa ser um bitmap. Tudo é renderizado localmente em um canvas; sua arte nunca sai do seu dispositivo.
Recursos
- Solte um arquivo .svg ou cole marcação SVG bruta — sem app de design necessário
- Lê o tamanho intrínseco dos atributos width/height ou do viewBox
- Exporte em 1x, 2x, 3x, uma escala personalizada, ou largura e altura explícitas
- Trava a proporção quando você define apenas uma largura ou apenas uma altura
- A saída PNG mantém a transparência; o JPG adiciona um controle deslizante de qualidade ajustável
- Fundo transparente ou de cor sólida com uma pré-visualização xadrez ao vivo
- Veja o tamanho intrínseco, os pixels de saída e o tamanho do arquivo antes de baixar
- Rasteriza em um canvas no seu navegador, sem nenhum envio
Como usar SVG para PNG
- Solte um arquivo .svg ou cole marcação SVG na área de origem
- Escolha uma escala (1x/2x/3x ou personalizada) ou digite uma largura ou altura explícita
- Escolha PNG ou JPG e um fundo transparente ou colorido
- Confira a pré-visualização rasterizada, depois baixe o PNG ou JPG
Exemplo
Entrada
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 32"><rect width="64" height="32" fill="#6d28d9"/></svg>
Saída
64×32 SVG → 128×64 PNG at 2x scale
Um viewBox de 0 0 64 32 rasterizado em 2x vira um PNG de 128×64.
Erros comuns e solução de problemas
- O PNG exportado fica borrado ou pixelado. — Aumente a escala (experimente 2x ou 3x) ou defina uma largura explícita maior. Como a origem é vetorial, um tamanho de saída maior permanece nítido — você está escolhendo a resolução rasterizada.
- O texto ou uma fonte de ícone desaparece no PNG. — A renderização em canvas não carrega fontes externas ou do sistema. Converta o texto em traçados (contornos) no seu editor, ou embuta a fonte, antes de rasterizar.
- O SVG usa width="100%" e sai no tamanho padrão. — Tamanhos em porcentagem não têm dimensões fixas em pixels, então o viewBox é usado, ou um padrão de 300×300 quando não há nenhum. Adicione um viewBox ou largura/altura explícita em pixels, ou defina uma largura personalizada aqui.
- Uma imagem ou folha de estilos referenciada externamente está faltando. — Só SVGs autocontidos rasterizam de forma confiável. Embuta qualquer asset <image href> vinculado e o CSS para que a marcação não tenha dependências externas.
Perguntas frequentes
- Como exporto um SVG como um PNG em alta resolução?
- Defina a escala como 2x ou 3x, ou digite uma largura explícita como 1024. Como a origem é vetorial, um tamanho de saída maior permanece nítido — você está simplesmente escolhendo quantos pixels rasterizar, então escolha a resolução que o alvo precisa.
- Como este conversor decide o tamanho de saída do PNG?
- Ele lê o tamanho intrínseco do SVG a partir dos seus atributos width e height, ou do viewBox quando esses estão ausentes, depois aplica sua escala ou largura/altura explícita. Definir apenas uma dimensão mantém a proporção original.
- Posso converter SVG para um JPG em vez de um PNG?
- Sim. Mude o formato para JPG e use o controle deslizante de qualidade para arquivos menores. O JPG não tem transparência, então a imagem é achatada sobre branco ou a cor de fundo que você escolher; use PNG quando precisar de um fundo transparente.
- Por que o texto no meu SVG está faltando depois de converter para PNG?
- O canvas do navegador rasteriza sem suas fontes do sistema ou da web, então <text> pode renderizar em branco. Converta o texto em contornos (traçados) no seu editor vetorial, ou embuta a fonte no SVG, antes de rasterizá-lo aqui.
- Converter SVG para PNG mantém um fundo transparente?
- A saída PNG preserva a transparência, então escolha PNG com a opção de fundo transparente para mantê-la. A pré-visualização mostra um xadrez onde a imagem é translúcida. Escolha uma cor de preenchimento sólida se você precisar de um fundo opaco.
- Meu SVG é enviado quando eu o converto para PNG?
- Não. O Conversor de SVG para PNG renderiza tudo em um canvas no seu navegador. A marcação ou o arquivo que você solta é rasterizado localmente e o resultado nunca sai do seu dispositivo nem é enviado à ArrayKit.
Ferramentas relacionadas
- Conversor de formato de imagem — Converta imagens entre PNG, JPEG e WebP inteiramente no seu navegador.
- Otimizador de SVG — Minifique SVG: remova comentários, metadados e restos do editor, e colapse espaços.
- Otimizador de imagens — Recodifique e reduza imagens (JPEG/WebP/PNG), com redimensionamento opcional.
- Codificador / Decodificador de imagem Base64 — Converta imagens em Data URIs Base64 com trechos de HTML e CSS, ou decodifique um Data URI em uma imagem para baixar.
- Gerador de ícones de app — Transforme uma imagem em todos os tamanhos de ícone de app para iOS, macOS e Android, baixados em um ZIP, no seu navegador.
- Seletor de Cor de Imagem — Passe o cursor e clique em qualquer pixel de uma imagem para pegar seu HEX, RGB e HSL, no navegador.
Todas as ferramentas de ArrayKit