El PNG transparente suele fallar por viewBox incorrecto, capas de fondo ocultas o antialiasing en el borde. Estos pasos ayudan a conseguir una salida estable.
1) Prepara el SVG antes de exportar
- Asegura un viewBox válido y elimina paths invisibles que agrandan el lienzo.
- Quita capas de fondo blanco codificadas salvo que realmente las necesites.
- Alinea trazos y formas a la cuadrícula de píxeles cuando sea posible para reducir bordes borrosos.
2) Ajusta los controles de exportación
- Usa modo de fondo transparente y verifica el canal alfa en la vista previa.
- Elige escala 1x/2x/3x según el destino para evitar redimensionar después.
- Mantén convenciones de nombres para que diseño y desarrollo puedan mapear assets sin riesgo.
3) Haz una pasada rápida de QA
- Prueba sobre fondos claros y oscuros para detectar halos.
- Revisa recortes de borde; si hace falta, añade padding temporal al artboard.
- Compara dimensiones de salida con las especificaciones antes de publicar.