20x20 पिक्सेल्स में ठीक 400 पिक्सेल काम करने के लिए हैं। यह लगभग कुछ भी नहीं लगता है और डिटेल के मामले में वैसा ही है। लेकिन कुछ इंटरफेस संदर्भ विशेष रूप से इस साइज की मांग करते हैं और गलती करने का मतलब UI एलिमेंट में स्ट्रेच्ड, ब्लरी या गलत दिखने वाला आइकॉन होता है जो सटीक आयामों के आसपास बनाया गया था। कुछ मोबाइल फ्रेमवर्क्स में नेविगेशन बार आइकॉन्स, डैशबोर्ड इंटरफेस में स्टेटस इंडिकेटर्स और वेब ऐप्स में छोटे डेकोरेटिव एलिमेंट्स कभी कभी इस साइज पर आते हैं। सरल, बोल्ड शेप्स बिना फाइन डिटेल के ही यहां अच्छे से ट्रांसलेट होते हैं।
इमेज को 20x20 में रिसाइज कैसे करें
चौड़ाई और ऊंचाई दोनों फ़ील्ड्स में 20 दर्ज करें और मेंटेन एस्पेक्ट रेशियो चेकबॉक्स को बंद करें। नॉन स्क्वायर मूल के साथ और चेकबॉक्स ऑन रहने पर, एक साइड 20 पहुंचती है और दूसरी मूल शेप के साथ स्केल होती है, इसलिए आउटपुट स्क्वायर नहीं होगा। इसे बंद करने से दोनों आयाम ठीक 20 पर मजबूर हो जाते हैं।
इस स्केल पर सबसे ज्यादा यही मायने रखता है।
- उपलब्ध ग्राफिक की सबसे सरल वर्जन इस्तेमाल करें, फाइन लाइन्स और छोटा टेक्स्ट पूरी तरह गायब हो जाता है
- बड़ी साफ सोर्स से शुरू करें और स्केल डाउन करें, कभी स्केल अप न करें
- PNG यहां इस्तेमाल करने लायक एकमात्र फॉर्मेट है, 20x20 पर JPEG noticeably बदतर लगता है
- बैचेस के लिए, सब कुछ साथ अपलोड करें और ZIP के रूप में डाउनलोड करें।
20x20 इमेजेस के सामान्य उपयोग
मोबाइल ऐप फ्रेमवर्क्स में नेविगेशन आइकॉन्स कभी कभी विभिन्न स्क्रीन डेंसिटी के लिए स्केलिंग से पहले 20x20 को बेस साइज के रूप में इस्तेमाल करते हैं। वेब डैशबोर्ड्स और एडमिन पैनल्स में स्टेटस इंडिकेटर आइकॉन्स भी इस साइज पर आते हैं। कुछ ईमेल टेम्प्लेट डिजाइन्स छोटे डेकोरेटिव आइकॉन्स को इस आयाम पर इस्तेमाल करते हैं ताकि लेआउट्स कॉम्पैक्ट रहें बिना विजुअल वेट बढ़ाए।
पुरानी CMS प्लेटफॉर्म्स और फोरम सॉफ्टवेयर जो बड़े अवतार साइजेस को सपोर्ट करने के लिए अपडेट नहीं हुए हैं कभी कभी स्पेसिफिक डिस्प्ले संदर्भों जैसे इनलाइन कमेंट थ्रेड्स में प्रोफाइल फोटोज को इस रेंज के आसपास आयामों पर कैप करते हैं।