تقرير PageSpeed يقول إن مقاس الصور في موقعي غير مناسب، كيف أعالج ذلك؟
التنبيه يعني أن المتصفح ينزّل بكسلات أكثر بكثير مما تعرضه الصفحة. الحل هو تغيير أبعاد الملف نفسه، لا ضغطه فقط: اعرف العرض الذي تظهر به الصورة، وغيّر عرض الملف إليه أو إلى ضعفه للشاشات عالية الدقة مع قفل النسبة، ثم استبدل الملف في موقعك.
ماذا يقيس هذا التنبيه بالضبط؟
تنبيه «Properly size images» يقارن بين أبعاد ملف الصورة والمساحة التي تشغلها في الصفحة. صورة من كاميرا الجوال عرضها 4032 بكسل موضوعة في عمود عرضه 800 بكسل تجعل الزائر ينزّل صورة أكبر بخمس مرات من حاجته في كل اتجاه. الضغط يخفف وزن كل بكسل، لكنه لا يحذف البكسلات الزائدة، لذلك قد يبقى التنبيه حتى بعد ضغط قوي.
الخطوة الأولى: اعرف العرض المعروض
- افتح صفحتك في متصفح على الحاسوب، واضغط بالزر الأيمن على الصورة واختر «فحص» أو Inspect.
- مرّر المؤشر على عنصر الصورة في لوحة المطور، فيظهر المقاس الذي تُعرض به على الشاشة.
- جرّب عرض النافذة الأوسع الذي يهمك، لأن الصورة في القالب المرن تكبر مع الشاشة.
- دوّن أكبر عرض رأيته. هذا هو الرقم الذي تبني عليه.
الخطوة الثانية: غيّر أبعاد الملف
صورة 4032 × 3024 تُعرض بعرض 800 بكسل.
مع قفل النسبة، تكتب العرض 800 في الأداة فيصبح الارتفاع 600 تلقائيًا.
وإن أردتها حادة على الشاشات عالية الدقة فاكتب 1600، فيصبح الارتفاع 1200.
في تغيير أبعاد الصور يظهر مقاس الصورة الأصلي فور اختيارها. اكتب العرض الجديد واترك قفل النسبة مفعلًا، واختر JPEG أو WebP، وراجع حجم الملف الجديد في الجدول قبل التنزيل. اسم الملف المنزّل يحمل المقاس، مثل -800x600، فلا تخلط بين النسخ عند الرفع.
الخطوة الثالثة: استبدل الملف وأعد الفحص
ارفع الملف الجديد مكان القديم في موقعك، ثم شغّل الفحص من جديد. إن كان قالبك يعرض الصورة بعدة أحجام على الجوال والحاسوب، فجهّز الملف على أكبرها. وبعد تغيير الأبعاد مرّر الملف على ضغط الصور إن كان وزنه ما زال كبيرًا، فالتنبيهان مختلفان وقد يظهر أحدهما دون الآخر.
بعض منصات المتاجر تنشئ نسخًا مصغرة من صورك بنفسها، وبعضها يعرض الملف كما رفعته. إن استمر التنبيه على صورة رفعتها بالمقاس الصحيح، فالمشكلة في طريقة عرض القالب لا في الملف، وهنا تحتاج مراجعة إعدادات القالب.
أسئلة شائعة
هل أكتب ضعف العرض دائمًا؟
الضعف يفيد الصور التي يهمك وضوحها، مثل صورة المنتج الرئيسية. أما الصور الصغيرة والمصغرات فالعرض المعروض نفسه يكفيها، ويبقي الملف أخف.
هل تغيير الأبعاد يغير شكل الصورة في الصفحة؟
لا، ما دام قفل النسبة مفعلًا تبقى النسبة كما هي، وتعرضها الصفحة في المساحة نفسها.