A 20x20 pixel ci sono esattamente 400 pixel con cui lavorare. Sembra quasi niente e in termini di dettaglio lo è. Ma certi contesti di interfaccia richiedono specificamente questa dimensione e sbagliarsi significa un icona che sembra stirata, sfocata o semplicemente sbagliata all interno di un elemento UI costruito intorno a dimensioni esatte. Icone della barra di navigazione in alcuni framework mobile, indicatori di stato nelle interfacce dashboard e piccoli elementi decorativi nelle web app atterrano occasionalmente su questa dimensione. Forme semplici e audaci senza dettagli fini sono le uniche che si traducono bene qui.

Come Ridimensionare un Immagine a 20x20

Inserisci 20 in entrambi i campi larghezza e altezza e disattiva la casella Mantieni Rapporto Aspetto. Con un originale non quadrato e la casella lasciata attiva, un lato raggiunge 20 e l altro scala con la forma originale, quindi l output non sarà quadrato. Disattivarla forza entrambe le dimensioni esattamente a 20.
A questa scala ciò che conta di più.

  • Usa la versione più semplice della grafica disponibile, linee sottili e testo piccolo scompaiono del tutto
  • Parti da una grande fonte pulita e riduci la scala, mai aumentare
  • PNG è l unico formato che vale la pena usare qui, JPEG a 20x20 appare notevolmente peggiore
  • Per i batch, carica tutto insieme e scarica come ZIP.

Usi Comuni per Immagini 20x20

Le icone di navigazione nei framework di app mobili a volte usano 20x20 come dimensione base prima di scalare per diverse densità di schermo. Le icone degli indicatori di stato nei dashboard web e nei pannelli di amministrazione atterrano anche a questa dimensione. Alcuni design di template email usano piccole icone decorative a questa dimensione per mantenere i layout compatti senza aggiungere peso visivo.

Piattaforme CMS più vecchie e software di forum che non sono stati aggiornati per supportare dimensioni avatar più grandi a volte limitano le foto profilo a dimensioni intorno a questo intervallo in contesti di visualizzazione specifici come thread di commenti inline.