Sobre esta ferramenta
Esta ferramenta transforma um arquivo SVG vetorial em uma imagem PNG ou JPEG na resolução que você escolher, direto no seu navegador. Solte um arquivo .svg e ela lê o próprio width, height e viewBox do arquivo para sugerir um tamanho inicial sensato — depois você pode digitar quaisquer dimensões de saída antes de converter.
É útil sempre que você precisa de uma versão rasterizada de uma arte vetorial: transformar um logotipo ou ícone em PNG para uma plataforma que não aceita upload de SVG, gerar vários tamanhos fixos em pixels (ícones de app, favicons, avatares de redes sociais) a partir de um único arquivo vetorial mestre, ou inserir um gráfico nítido em um documento ou apresentação que espera um formato de imagem comum.
Como o SVG é arte vetorial e não uma grade de pixels, ampliá-lo ou reduzi-lo para o tamanho de saída escolhido continua nítido — sem o desfoque ou a pixelização que você teria ao esticar uma foto JPEG ou PNG além da resolução original. Escolha PNG para manter a transparência do SVG original, ou JPEG com uma cor de fundo se precisar de uma imagem plana totalmente opaca. Tudo acontece localmente pela Canvas API — seu arquivo SVG nunca é enviado a lugar nenhum.
Perguntas frequentes
Por que meu PNG rasterizado parece pixelizado em tamanhos grandes?
Isso não deveria acontecer se a conversão em si estiver funcionando corretamente — SVG é dado vetorial, então ele escala perfeitamente para QUALQUER tamanho de pixel de saída sem pixelização, diferente de ampliar uma imagem raster. Se seu PNG parece pixelizado, verifique novamente se a largura/altura de saída que você definiu são realmente o que você pretendia (um tamanho alvo muito menor do que o pretendido parecerá "correto" mas minúsculo, e então parecerá desfocado/pixelizado se você exibi-lo em um tamanho muito maior no seu caso de uso final — isso é um problema de escalonamento no momento da exibição, não da conversão). Exporte novamente nas suas verdadeiras dimensões de pixel finais pretendidas para obter um resultado nítido.
Por que meu SVG aparece menor/maior do que o esperado antes de definir dimensões personalizadas?
O tamanho padrão exibido vem dos próprios atributos `width`/`height` declarados do arquivo SVG, se presentes, ou de suas dimensões `viewBox`, se não, ou de um fallback genérico de 512×512 se o arquivo não tiver nenhum — muitos SVGs (especialmente os exportados de ferramentas de design) declaram apenas um `viewBox` sem dimensões explícitas de pixel, então o tamanho "natural" que você vê nem sempre é significativo. Apenas defina os campos de largura/altura para o que você realmente precisa; como SVG são dados vetoriais, não há compensação de qualidade por escolher um tamanho diferente do padrão detectado.