Pada 20x20 piksel ada tepat 400 piksel untuk dikerjakan. Itu terdengar hampir tidak ada dan dalam hal detail memang demikian. Tapi konteks antarmuka tertentu secara khusus meminta ukuran ini dan salah berarti ikon yang terlihat teregang, buram atau hanya salah di dalam elemen UI yang dibangun di sekitar dimensi tepat. Ikon bilah navigasi di beberapa framework mobile, indikator status di antarmuka dashboard dan elemen dekoratif kecil di aplikasi web semuanya sesekali mendarat pada ukuran ini. Bentuk sederhana dan tebal tanpa detail halus adalah satu satunya hal yang diterjemahkan dengan baik di sini.
Cara Mengubah Ukuran Gambar ke 20x20
Masukkan 20 di kedua bidang lebar dan tinggi dan matikan kotak centang Pertahankan Rasio Aspek. Dengan original non persegi dan kotak centang dibiarkan menyala, satu sisi mencapai 20 dan yang lain menskalakan dengan bentuk asli, sehingga keluaran tidak akan persegi. Mematikannya memaksa kedua dimensi tepat 20.
Pada skala ini yang paling penting.
- Gunakan versi grafis paling sederhana yang tersedia, garis halus dan teks kecil hilang sama sekali
- Mulai dari sumber besar yang bersih dan turunkan skala, jangan pernah naikkan
- PNG adalah satu satunya format yang layak digunakan di sini, JPEG pada 20x20 terlihat jauh lebih buruk
- Untuk batch, unggah semuanya bersama dan unduh sebagai ZIP.
Penggunaan Umum untuk Gambar 20x20
Ikon navigasi di framework aplikasi mobile kadang menggunakan 20x20 sebagai ukuran dasar sebelum diskalakan untuk kepadatan layar yang berbeda. Ikon indikator status di dashboard web dan panel admin juga mendarat pada ukuran ini. Desain template email tertentu menggunakan ikon dekoratif kecil pada dimensi ini untuk menjaga layout tetap kompak tanpa menambah bobot visual.
Platform CMS lama dan perangkat lunak forum yang belum diperbarui untuk mendukung ukuran avatar yang lebih besar kadang membatasi foto profil pada dimensi sekitar rentang ini dalam konteks tampilan tertentu seperti thread komentar inline.