20x20 pikselde çalışmak için tam 400 piksel var. Bu neredeyse hiçbir şey gibi geliyor ve detay açısından da öyle. Ama belirli arayüz bağlamları özellikle bu boyutu istiyor ve yanlış yapmak UI elemanı içinde gerilmiş, bulanık veya basitçe yanlış görünen bir ikona yol açıyor ki bu eleman tam boyutlar etrafında inşa edilmiş. Bazı mobil frameworklerde navigasyon çubuğu ikonları, dashboard arayüzlerinde durum göstergeleri ve web uygulamalarında küçük dekoratif elemanlar arada bu boyuta iniyor. İnce detay olmadan basit, kalın şekiller burada iyi çevrilen tek şey.
Bir Görüntüyü 20x20 ye Boyutlandırma
Genişlik ve yükseklik alanlarının ikisine de 20 girin ve En Boy Oranını Koru onay kutusunu kapatın. Kare olmayan orijinal ile kutu açık bırakılırsa bir kenar 20 ye ulaşır ve diğeri orijinal şekille ölçeklenir, bu yüzden çıktı kare olmayacaktır. Kapatmak her iki boyutu tam olarak 20 ye zorlar.
Bu ölçekte en çok önemli olan.
- Mevcut grafiğin en basit versiyonunu kullanın, ince çizgiler ve küçük metin tamamen kaybolur
- Büyük temiz bir kaynaktan başlayın ve küçültün, asla büyütmeyin
- PNG burada kullanılmaya değer tek formattır, 20x20 de JPEG fark edilir derecede daha kötü görünür
- Batch ler için her şeyi birlikte yükleyin ve ZIP olarak indirin.
20x20 Görüntüler İçin Yaygın Kullanımlar
Mobil uygulama frameworklerinde navigasyon ikonları bazen farklı ekran yoğunlukları için ölçeklemeden önce 20x20 yi temel boyut olarak kullanır. Web dashboardlarında ve admin panellerinde durum göstergesi ikonları da bu boyuta iner. Belirli e posta şablon tasarımları layoutları kompakt tutmak için küçük dekoratif ikonları bu boyutta kullanır görsel ağırlık eklemeden.
Büyük avatar boyutlarını desteklemek için güncellenmemiş eski CMS platformları ve forum yazılımları bazen profil fotoğraflarını belirli görüntüleme bağlamlarında bu aralık civarındaki boyutlarla sınırlar örneğin satır içi yorum dizilerinde.