عند 20x20 بكسل هناك بالضبط 400 بكسل للعمل بها. يبدو هذا كأنه لا شيء تقريبا ومن حيث التفاصيل كذلك. لكن سياقات الواجهة المعينة تطلب تحديدا هذا الحجم وارتكاب الخطأ يعني أيقونة تبدو ممدودة أو مشوشة أو ببساطة خاطئة داخل عنصر واجهة مستخدم مبني حول أبعاد دقيقة. أيقونات شريط التنقل في بعض إطارات التطبيقات المحمولة، مؤشرات الحالة في واجهات لوحة التحكم، وعناصر زخرفية صغيرة في تطبيقات الويب كلها تصل أحيانا إلى هذا الحجم. الأشكال البسيطة والجريئة بدون تفاصيل دقيقة هي الوحيدة التي تترجم بشكل جيد هنا.
كيفية تغيير حجم صورة إلى 20x20
أدخل 20 في كلا حقلي العرض والارتفاع وقم بإيقاف مربع الحفاظ على نسبة الجانب. مع أصل غير مربع ومربع الاختيار متروك مفعلا، يصل أحد الجوانب إلى 20 والآخر يتم تكبيره مع الشكل الأصلي، لذا لن يكون الناتج مربعا. إيقافه يفرض كلا البعدين تماما على 20.
على هذا المقياس ما يهم أكثر.
- استخدم النسخة الأبسط من الرسم المتاح، الخطوط الدقيقة والنص الصغير يختفي تماما
- ابدأ من مصدر كبير نظيف وقم بتقليل المقياس، لا تقم أبدا بتكبيره
- PNG هو التنسيق الوحيد الذي يستحق الاستخدام هنا، يبدو JPEG عند 20x20 أسوأ بشكل ملحوظ
- للدفعات، ارفع كل شيء معا وقم بالتنزيل كـ ZIP.
الاستخدامات الشائعة لصور 20x20
أيقونات التنقل في إطارات تطبيقات الموبايل تستخدم أحيانا 20x20 كحجم أساسي قبل التكبير لكثافات شاشة مختلفة. أيقونات مؤشرات الحالة في لوحات تحكم الويب ولوحات الإدارة تصل أيضا إلى هذا الحجم. بعض تصاميم قوالب البريد الإلكتروني تستخدم أيقونات زخرفية صغيرة بهذا البعد للحفاظ على التخطيطات مدمجة دون إضافة وزن بصري.
منصات CMS القديمة وبرمجيات المنتديات التي لم يتم تحديثها لدعم أحجام الصور الرمزية الأكبر أحيانا تحد من صور الملف الشخصي إلى أبعاد حول هذا النطاق في سياقات عرض محددة مثل سلاسل التعليقات المضمنة.