Por que o dimensionamento correto de PNGs é importante

  • Arquivos PNG com tamanho incorreto causam renderização desfocada em telas Retina.
  • Arquivos PNG transparentes de tamanho excessivo desperdiçam largura de banda e memória.
  • O dimensionamento consistente evita alterações no layout dos componentes da interface do usuário.
  • Os recursos PNG do sistema de design devem corresponder exatamente às dimensões definidas pelo token.

Melhores práticas para redimensionamento de PNG

  • Sempre redimensione a partir da maior imagem original — nunca aumente a escala a partir de PNGs menores.
  • Gere variantes @2x e @3x para telas Retina e de alta DPI.
  • Verifique as bordas alfa do PNG após o redimensionamento — procure por contornos ou halos.
  • Guarde o arquivo PNG original para futuras redimensionamentos em diferentes dimensões.
  • Teste a saída PNG em fundos claros e escuros para verificar a correção do canal alfa.