Conversor de SVG para PNG: A Ferramenta Gratuita que Designers Realmente Usam
Cenário rápido.
Você criou um logotipo como SVG. Limpo, escalável, perfeito.
Agora seu cliente quer ele em um slide do PowerPoint. Ou como ícone de app iOS. Ou impresso em 300 DPI para um banner.
O PowerPoint mal lida com SVG. O iOS precisa de PNG. A impressão exige DPI específico.
Você precisa de um conversor de SVG para PNG, e precisa dele agora.
Neste guia, vou mostrar a ferramenta gratuita que uso e que supera CloudConvert e Adobe juntos, além dos 6 presets de exportação que todo designer deveria conhecer.
Por que a conversão de SVG para PNG é importante#
O SVG é o futuro da web. Escala infinitamente, tamanho de arquivo pequeno, acessível.
Mas o resto do mundo ainda usa raster:
- Ícones de aplicativos iOS: PNG é obrigatório (tamanhos específicos)
- PowerPoint / Keynote: PNG para exibição confiável
- Email marketing: suporte a SVG é irregular; PNG é universal
- Impressão: precisa de DPI específico (geralmente 300 para alta qualidade)
- Redes sociais: a maioria das plataformas quer PNG/JPG
- Sistemas legados: SVG frequentemente não é suportado
Então você precisa converter. Frequentemente.
O que um ótimo conversor de SVG para PNG faz#
Minha lista de verificação:
- DPI personalizado, 96 (web), 192 (2x retina), 288 (3x), 384 (4x), 300 (impressão)
- Predefinições de resolução, 1080p, 4K, quadrado do Instagram, Open Graph, ícone PWA
- Fundos transparentes ou sólidos, para necessidades web e de impressão
- Processamento em lote, converta dezenas de SVGs de uma vez
- Múltiplos formatos de saída, PNG, JPG, WebP
- Apenas no navegador, seus SVGs não são enviados para um servidor
A maioria dos conversores "gratuitos" online falha em pelo menos 3 desses itens.
O conversor gratuito que uso#
Conversor SVG para PNG da Molixa.
Todos os seis. Grátis. Sem marca d'água. Suporte a lote. Gera automaticamente sufixos retina (@2x, @3x) para fluxos de trabalho iOS/Android.
Os 6 presets de exportação que todo designer precisa#
Ao converter, você está mirando um caso de uso específico. Aqui estão os seis que uso semanalmente.
Preset 1: Padrão web (96 DPI, 1x)#
Para: imagens web comuns, gráficos de postagens de blog, ícones simples.
Tamanho: dimensões reais do SVG, sem upscaling.
Preset 2: Retina (192 DPI, 2x)#
Para: imagens web em telas retina (Macs, iPhones, Android moderno).
Tamanho: 2x as dimensões do SVG. Fica nítido em telas de alta DPI.
Preset 3: 3x mobile (288 DPI, 3x)#
Para: apps iOS/Android em celulares Plus, dispositivos Pro Max.
Tamanho: 3x. Padrão em fluxos de trabalho de desenvolvimento mobile.
Preset 4: Qualidade de impressão (300 DPI)#
Para: pôsteres, cartões de visita, folhetos, qualquer coisa impressa.
Tamanho: depende do tamanho físico da impressão. 300 DPI é o padrão da indústria para impressão.
Preset 5: Open Graph (1200x630)#
Para: prévias de links em redes sociais. LinkedIn, Twitter, Facebook usam essa proporção.
Preset 6: Ícone PWA (512x512)#
Para: ícones de progressive web apps, ícones de launcher Android.
Passo a passo: convertendo seu primeiro SVG#
Vamos fazer isso juntos.
Passo 1: Arraste seu SVG#
Acesse molixa.app/tools/svg-to-png.
Arraste seu arquivo SVG (ou vários) para a zona de upload.
Passo 2: Escolha um DPI#
Mais comum: 2x retina (192 DPI) para trabalho web. 300 DPI para impressão.
Passo 3: Escolha o fundo#
Transparente mantém a transparência do SVG. Use para ícones ou qualquer elemento sobre fundos coloridos.
Cor sólida em hex preenche o fundo. Útil para redes sociais (que nem sempre lidam bem com transparência).
Passo 4: Escolha o formato de saída#
- PNG, padrão; sem perdas, suporta transparência
- JPG, menor, sem transparência
- WebP, moderno, menor, suporta transparência
Passo 5: Converter#
Para lote: clique em "Converter todos." Para único: apenas um clique.
Passo 6: Baixar#
Arquivo único: download direto. Múltiplos: arquivo ZIP com todas as conversões.
Os nomes dos arquivos recebem sufixos automáticos, como [email protected] para retina, [email protected] para impressão, etc.
Fluxo de trabalho real: exportação de ícone de app iOS#
Veja como exporto um ícone de app de uma só vez.
Tenho app-icon.svg (fonte 1024x1024).
Arrasto ele. Executo conversões em 1x, 2x, 3x simultaneamente.
Saída:
app-icon.png(1024x1024), para App Store[email protected](2048x2048), para iPad[email protected](3072x3072), para iPhone Pro Max
Três tamanhos. Um SVG de origem. 12 segundos.
Compare com abrir manualmente Sketch / Figma, exportar cada tamanho, nomear cada um corretamente. Isso leva de 15 a 20 minutos.
E o CloudConvert e a Adobe?#
Os grandes concorrentes.
CloudConvert:
- Plano gratuito: 25 conversões/dia
- Planos pagos a partir de $9/mês
- Baseado em nuvem (seus arquivos são enviados)
Adobe Express:
- Plano gratuito limitado
- Premium $9,99/mês
- Vinculado ao Adobe Creative Cloud
Molixa SVG para PNG:
- Conversões gratuitas ilimitadas
- Apenas no navegador (sem upload)
- Sem cadastro
Para usuários ocasionais, as opções gratuitas são equivalentes. Para fluxos de trabalho intensivos, apenas no navegador supera a nuvem (sem tempo de upload, sem limites diários, sem preocupações com privacidade).
Erros comuns na conversão de SVG#
Depois de converter muitos SVGs:
Erro 1: Converter na resolução padrão para telas retina. O resultado fica borrado em Macs e iPhones. Sempre verifique se seu alvo é retina.
Erro 2: Não preservar a transparência quando necessário. Converter com fundo branco quando você queria transparente é um erro comum.
Erro 3: Usar PNG quando WebP resolveria. WebP é 30% menor pela mesma qualidade. Use-o na web.
Erro 4: Esquecer de testar no tamanho real de exibição. Converta, depois amplie no seu design para garantir que ainda parece correto.
Erro 5: Incorporar ativos externos no SVG. SVGs com <image href="https://..."> contaminam a tela durante a conversão, quebrando a exportação. Use base64 inline ou caminhos puros.
Dicas profissionais#
Vitórias rápidas:
Dica 1: Para exportações em lote, nomeie seus SVGs de forma consistente. A ferramenta preserva os nomes com sufixos.
Dica 2: Para exportações em redes sociais, use o preset Open Graph (1200x630). É a proporção universal.
Dica 3: Para impressão, use sempre no mínimo 300 DPI. Algumas gráficas exigem 600 DPI para trabalhos de alto padrão.
Dica 4: Ao converter logotipos, gere em 4x (384 DPI). Você terá margem para qualquer uso futuro.
Dica 5: Comprima os PNGs resultantes com o Compressor de Imagens Molixa se for enviá-los para a web.
Melhores práticas de SVG para exportações mais limpas#
Algumas observações:
Limpe sua fonte SVG#
- Remova grupos não utilizados
- Achate camadas
- Converta texto em caminhos (preserva a renderização)
- Remova metadados
SVGs mais limpos convertem mais rápido e produzem saídas PNG menores.
Use viewBox adequado#
Certifique-se de que seu SVG tenha um atributo viewBox correto. Ele determina como o SVG escala durante a conversão.
Evite dependências externas#
Fontes externas, scripts incorporados, imagens vinculadas, podem causar falhas na conversão. SVGs autocontidos convertem de forma confiável.
Conclusão#
A conversão de SVG para PNG não deveria levar 10 minutos por arquivo.
Deveria levar 12 segundos para lotes.
O Conversor de SVG para PNG da Molixa lida com arquivos únicos, lotes, sufixos retina e formatos modernos. Gratuito.
Salve nos favoritos. Economize os 15 minutos por exportação de design.
Volte a projetar.
