A exportação de PNG transparente costuma falhar por causa de viewBox incorreto, camadas de fundo ocultas ou anti-aliasing nas bordas. Este guia ajuda você a obter uma saída estável.
1) Prepare o SVG antes da exportação
- Mantenha um viewBox válido e remova paths invisíveis muito grandes que ampliam a área do canvas.
- Apague camadas de fundo branco fixo, a menos que o destino realmente exija isso.
- Alinhe strokes e shapes à grade de pixels sempre que possível para reduzir bordas borradas.
2) Configure os controles de exportação
- Use o modo de fundo transparente e confirme na prévia se os pixels alfa estão corretos.
- Escolha escala 1x/2x/3x conforme as telas de destino para evitar redimensionamento depois da exportação.
- Padronize os nomes dos arquivos para que design e engenharia consigam mapear tudo com segurança.
3) Faça uma checagem rápida
- Teste em fundos claros e escuros para detectar halos escondidos.
- Verifique se há cortes nas bordas adicionando um respiro temporário à prancheta.
- Compare as dimensões de saída com as especificações de design antes de publicar.