Conversor Gratuito
Conversor SVG para PNG
Converta arquivos vetoriais SVG para imagens raster PNG de alta qualidade. Personalize a escala de saída e a cor de fundo facilmente no seu navegador.
Arraste e solte o SVG aqui
Suporta até 50MB
Ou
Converta arquivos vetoriais SVG para imagens raster PNG de alta qualidade. Personalize a escala de saída e a cor de fundo facilmente no seu navegador.
Suporta até 50MB
SVG (Scalable Vector Graphics) descreve imagens como um conjunto de primitivos geométricos – caminhos, formas, texto, gradientes – que podem ser dimensionados para qualquer tamanho sem perda de qualidade. PNG armazena uma única grade retangular de pixels em uma resolução fixa. A conversão de SVG para PNG é uma etapa de rasterização: as instruções de desenho do SVG são avaliadas em um tamanho de pixel escolhido e o bitmap resultante é codificado como PNG. A saída parece nítida no tamanho especificado, mas pixeliza se for ampliada.
Este conversor renderiza SVG usando o mecanismo SVG integrado do navegador. O SVG é carregado em um elemento Image, desenhado em uma tela HTML5 nas dimensões de saída escolhidas e exportado como PNG via canvas.toBlob. Como o navegador faz a rasterização, recursos SVG complexos — gradientes, filtros, máscaras, animações como um quadro estático — são renderizados da mesma forma que fariam em uma página da web real.
A decisão mais importante na conversão de SVG para PNG é o tamanho do alvo. O SVG é independente da resolução, portanto, escolher um tamanho PNG que corresponda ao uso real evita o provisionamento excessivo (arquivos enormes para ícones do tamanho de miniaturas) e o provisionamento insuficiente (saída borrada quando ampliada posteriormente). Alvos comuns: 32×32 ou 64×64 para ícones, 256×256 ou 512×512 para logotipos, 1024×1024 para gráficos heróicos, 2048×2048 para ativos com qualidade de retina.
SVG é maravilhoso para a web e ferramentas de design modernas, mas terrível para muitos outros contextos. Os clientes de e-mail renderizam SVG de maneira inconsistente; alguns o bloqueiam como um risco à segurança. Softwares de escritório mais antigos, certos CMSes, serviços de terceiros e quase todos os pipelines de impressão de fotos não aceitam SVG. A conversão para PNG produz um raster universalmente aceito que parece idêntico no tamanho escolhido.
O PNG também é incorporado de forma confiável em documentos de escritório, apresentações de slides e PDFs, sem depender do renderizador SVG do destinatário. Para logotipos e gráficos que precisam aparecer de forma consistente em muitas plataformas, o PNG é a escolha mais segura — mesmo que perca a independência de resolução que torna o SVG atraente em primeiro lugar.
Escolha o tamanho do alvo, renderize. O navegador faz a rasterização.
SVG (Recomendação W3C) é um formato vetorial baseado em XML com elementos para caminhos, formas básicas (reto, círculo, elipse, linha, polígono, polilinha), texto, gradientes (linearGradient, radialGradient), filtros, máscaras e caminhos de corte. O navegador analisa o XML, cria um DOM, aplica CSS e rasteriza o resultado durante a renderização da página.
Este conversor carrega o SVG em um HTMLImageElement (que aciona o caminho normal de renderização de SVG como imagem do navegador) e, em seguida, desenha-o em uma tela por meio de drawImage. A tela é exportada como PNG usando canvas.toBlob('image/png'). Os pixels exatos na saída correspondem ao que o SVG renderizaria no mesmo tamanho em uma guia do navegador.
Casos extremos: SVG usando ForeignObject nem sempre é compatível quando usado por meio do elemento Image. O SVG que faz referência a recursos externos (xlink:href para um domínio diferente) pode falhar ao carregar devido ao CORS. Animações SMIL e animações baseadas em JavaScript são renderizadas apenas como o quadro inicial.