A 20x20 pixels il y a exactement 400 pixels à travailler. Cela semble presque rien et en termes de détail ça l est. Mais certains contextes d interface appellent spécifiquement cette taille et se tromper signifie une icône qui semble étirée, floue ou simplement fausse à l intérieur d un élément d UI construit autour de dimensions exactes. Les icônes de barre de navigation dans certains frameworks mobiles, les indicateurs d état dans les interfaces de tableau de bord et les petits éléments décoratifs dans les applications web atterrissent occasionnellement à cette taille. Les formes simples et audacieuses sans détails fins sont les seules qui se traduisent bien ici.

Comment Redimensionner une Image à 20x20

Entrez 20 dans les deux champs largeur et hauteur et désactivez la case Conserver le Ratio d Aspect. Avec un original non carré et la case laissée activée, un côté atteint 20 et l autre s adapte à la forme originale, donc la sortie ne sera pas carrée. La désactiver force les deux dimensions exactement à 20.
A cette échelle ce qui compte le plus.

  • Utilisez la version la plus simple du graphique disponible, les lignes fines et le petit texte disparaissent entièrement
  • Commencez à partir d une grande source propre et réduisez l échelle, jamais augmentez
  • PNG est le seul format qui vaut la peine ici, JPEG à 20x20 semble nettement pire
  • Pour les lots, téléchargez tout ensemble et téléchargez comme ZIP.

Utilisations Courantes pour les Images 20x20

Les icônes de navigation dans les frameworks d applications mobiles utilisent parfois 20x20 comme taille de base avant de mettre à l échelle pour différentes densités d écran. Les icônes d indicateurs d état dans les tableaux de bord web et les panneaux d administration atterrissent aussi à cette taille. Certains designs de modèles d email utilisent de petites icônes décoratives à cette dimension pour garder les mises en page compactes sans ajouter de poids visuel.

Les anciennes plateformes CMS et logiciels de forum qui n ont pas été mis à jour pour supporter des tailles d avatar plus grandes limitent parfois les photos de profil à des dimensions autour de cette plage dans des contextes d affichage spécifiques comme les fils de commentaires inline.