L'export di PNG trasparenti spesso fallisce per via di viewBox errate, livelli di sfondo nascosti o anti-aliasing sui bordi. Questa guida ti aiuta a ottenere un output stabile.
1) Prepara l'SVG prima dell'export
- Mantieni una viewBox valida e rimuovi path invisibili troppo grandi che allargano inutilmente il canvas.
- Elimina i livelli di sfondo bianco fissati nel file, a meno che la destinazione non li richieda davvero.
- Allinea strokes e shapes alla griglia dei pixel quando possibile per ridurre i bordi sfocati.
2) Imposta correttamente l'export
- Usa la modalita con sfondo trasparente e controlla in anteprima che i pixel alfa siano corretti.
- Scegli una scala 1x, 2x o 3x in base agli schermi di destinazione per evitare ridimensionamenti successivi.
- Mantieni convenzioni di naming coerenti cosi design e sviluppo possono mappare gli asset senza ambiguita.
3) Esegui un rapido controllo QA
- Testa il PNG su sfondi chiari e scuri per intercettare eventuali aloni nascosti.
- Verifica il clipping dei bordi aggiungendo temporaneamente un po' di padding attorno alla tavola da disegno.
- Confronta le dimensioni finali con le specifiche di design prima della pubblicazione.