it365

SVG para PNG

Converta rapidamente imagens SVG em PNG. Preserve o fundo transparente, ajuste margens, altere cores, recorte espaços em branco e exporte em lote.

Solte os arquivos para importar SVG
Suporta arrastar e soltar arquivos SVG individuais ou em lote
Total de {{ images.length }} {{ images.length === 1 ? 'imagem' : 'imagens' }}
Clique ou arraste arquivos SVG para cá
Suporta importação em lote, renderização local instantânea, 100% privado sem upload para servidores
Formato de Saída:
Qualidade: {{ Math.round(globalQuality * 100) }}%
#{{ idx + 1 }} .{{ globalFormat }}
Dimensões da Tag: {{ img.specified.width || 'Não especificado' }} × {{ img.specified.height || 'Não especificado' }}
Tamanho em Pixels: {{ img.absolute.width ? (img.absolute.width + 'px') : '-' }} × {{ img.absolute.height ? (img.absolute.height + 'px') : '-' }}
ViewBox: {{ img.viewBox.width ? (img.viewBox.x + ' ' + img.viewBox.y + ' ' + img.viewBox.width + ' ' + img.viewBox.height) : 'Nenhum' }}
Caixa Delimitadora: {{ img.contents ? (Math.round(img.contents.width) + ' × ' + Math.round(img.contents.height)) : '-' }}
Editar código-fonte SVG (reanalisado e renderizado automaticamente após alteração):
⚠️ {{ img.errorMessage }}
Tamanho de Saída (px):
×
Margem Externa:
px
Recorte Justo:
Modo de Ajuste:
Cor de Fundo:
Cor do Gráfico:
{{ img.width }} × {{ img.height }} px

Como Converter SVG para PNG Mantendo o Fundo Transparente?

No desenvolvimento front-end, design de interfaces (UI), ilustrações e fluxos de trabalho de escritório, os gráficos vetoriais SVG são a escolha ideal para ícones e logotipos devido à sua escalabilidade infinita, nitidez impecável e tamanho de arquivo reduzido. No entanto, ao publicar em redes sociais, preparar apresentações de slides, inserir em documentos ou manter compatibilidade com sistemas legados, imagens PNG transparentes são a opção universal mais confiável. Este artigo detalha os conceitos essenciais, procedimentos passo a passo e dicas práticas para converter SVG em PNG transparente com total fidelidade.

1. Mecânica de Transparência no SVG e no PNG

O SVG (Scalable Vector Graphics) é essencialmente uma linguagem de marcação vetorial baseada em XML. Pelos padrões oficiais, o quadro raiz do SVG é transparente por padrão, a menos que o código desenhe explicitamente uma forma de fundo sólida (como <rect fill="#ffffff" ...>).

Por outro lado, o PNG (Portable Network Graphics) é um formato de imagem raster (bitmap) que suporta cores RGBA de 32 bits com um canal alfa de transparência de 8 bits, permitindo 256 níveis graduais de semitransparência. Ao converter SVG para PNG por meio de um Canvas HTML5 com suporte a canal alfa e sem preencher o fundo com cores sólidas, a transparência original é preservada perfeitamente.

2. 5 Passos para Converter SVG em PNG Transparente de Alta Resolução

1
Importar Arquivos Vetoriais SVG

Clique no botão "Enviar SVG" acima ou arraste um ou vários arquivos SVG para a área da página. O sistema analisa os atributos e dimensões vetoriais instantaneamente no seu navegador, suportando envio individual ou em lote.

2
Manter a Cor de Fundo Vazia

Em cada cartão de imagem, manter o campo "Cor de Fundo" em branco garante transparência total. Utilize a visualização em padrão xadrez ou o modo escuro para verificar com precisão o contorno e as regiões transparentes.

3
Definir a Resolução de Saída

Ajuste a largura e altura de acordo com a sua necessidade (por exemplo, 512px, 1024px ou resolução Retina de 2048px). Mantenha a proporção bloqueada para evitar distorções no gráfico.

4
Recortar Espaços Extras e Ajustar Margens

Se o SVG original possuir margens excessivas ao redor do conteúdo, marque "Recortar Espaços Extras" para detectar os limites do desenho e ajustá-lo com precisão, ou altere a "Margem" para adicionar espaçamento de segurança.

5
Exportar Imagens PNG Transparentes

Clique em "Baixar PNG" para salvar o bitmap transparente em alta definição, ou use "Copiar PNG" para colar diretamente no Figma, Sketch, Photoshop ou aplicativos de mensagens; para múltiplos arquivos, utilize "Baixar ZIP".

3. Por Que o PNG Convertido Apresenta Fundo Preto ou Branco?

Ao utilizar ferramentas convencionais de conversão, muitos usuários se deparam com fundos inesperados pretos ou brancos. As causas mais comuns são:

01
Seleção Incorreta de Formato

Os formatos JPEG/JPG não suportam o canal alfa de transparência e preenchem automaticamente os pixels transparentes com branco ou preto sólido. Escolha sempre PNG ou WebP para manter a transparência.

02
Retângulo de Fundo Embutido no SVG

Alguns arquivos vetoriais exportados por softwares de design incluem uma camada de fundo sólida no próprio código (como <rect width="100%" height="100%" fill="#fff"/>). Clique em "Código" nesta ferramenta para inspecionar e remover essa tag.

03
Exibição do Visualizador de Imagens do Sistema

Os visualizadores de fotos padrão em certos sistemas operacionais exibem imagens PNG transparentes sobre uma janela preta ou branca. Abra a imagem em um navegador ou software de edição gráfica para confirmar a transparência real.

4. Perguntas Frequentes (FAQ)

A imagem PNG convertida ficará borrada ou pixelizada ao ser ampliada?
Imagens raster perdem nitidez quando ampliadas além de sua resolução original em pixels. Recomendamos definir o tamanho máximo desejado (como 1024×1024 ou 4096×4096) antes da conversão. Esta ferramenta rasteriza diretamente o código vetorial para garantir máxima nitidez.
Posso converter dezenas de ícones SVG em lote mantendo a transparência?
Sim. Por padrão, todos os arquivos importados mantêm o fundo transparente. Ao ativar a "Sincronizar Edição em Lote", você pode ajustar dimensões, modo de preenchimento e margens de todos os ícones de uma só vez e baixá-los em um pacote ZIP unificado.
Meus arquivos vetoriais são enviados para algum servidor externo?
Não. Toda a conversão é executada inteiramente dentro do seu navegador usando Canvas HTML5 e APIs web nativas. Seus gráficos vetoriais nunca saem do seu dispositivo, garantindo total privacidade e segurança.