Pourquoi le dimensionnement correct des fichiers PNG est important

  • Les fichiers PNG de taille incorrecte provoquent un rendu flou sur les écrans Retina.
  • Les fichiers PNG transparents surdimensionnés gaspillent de la bande passante et de la mémoire
  • Un dimensionnement cohérent empêche le décalage de la mise en page dans les composants d'interface utilisateur
  • Les ressources PNG du système de conception doivent correspondre exactement aux dimensions définies par le jeton.

Bonnes pratiques pour le redimensionnement des fichiers PNG

  • Toujours redimensionner à partir de la source la plus grande ; ne jamais agrandir à partir de fichiers PNG plus petits.
  • Générez des variantes @2x et @3x pour les écrans Retina et haute résolution.
  • Vérifiez les bords alpha du PNG après redimensionnement : recherchez les effets de halo ou de cercle.
  • Conservez le fichier PNG original pour les redimensionnements ultérieurs à différentes dimensions.
  • Tester le rendu PNG sur des fonds clairs et foncés pour vérifier la transparence du canal alpha.