صياغة القرار بشكل صحيح
تصغير حجم الصورة باستخدام CSS لا يقلل من حجم تنزيل الملف. يجب تهيئة الصورة الأصلية لتناسب الحجم الذي ستُعرض به على الشاشة. توفير عروض مختلفة لأجهزة سطح المكتب والهواتف يقلل من نقل البيانات غير الضروري. كما أن توفير معلومات الحجم يمنع اهتزاز التخطيط عند تحميل المحتوى.
ما الذي يجب مراعاته في التطبيق؟
لا تتمتع الصورة المهمة التي تظهر على الشاشة الأولى ومعرض الصور أسفلها بنفس الأولوية. تجنب تأخير الصورة الرئيسية للصفحة بلا داعٍ؛ ولا ترفع الصور غير المعروضة إلا عند الحاجة. اختر التنسيق المناسب لنوع الصورة؛ فالحفاظ على الحواف الحادة في شعار العلامة التجارية يختلف عن ضغط الصور.
التحقق والخطوة التالية
بعد الضغط، لا تكتفِ بالنظر إلى حجم الملف. تحقق من وجود أي تشوهات في النصوص والوجوه والخطوط الدقيقة والانتقالات الداكنة. يجب أن توضح أوصاف الصور معناها؛ ويجب ألا تتسبب الصور الزخرفية في تكرار غير ضروري في قارئ الشاشة.
قائمة التحقق المختصرة
- أنشئ حجمًا مناسبًا للشاشة.
- امنح الصورة الأولى الأولوية الصحيحة.
- تحقق بصريًا من عملية الضغط.