كيف تقلل حجم الصور لتسريع مواقع الويب
الصور الكبيرة من أسرع الأسباب التي تجعل الصفحة البسيطة تبدو بطيئة. الحل الأفضل ليس رقماً سحرياً للجودة، بل سلسلة قرارات صغيرة حول الأبعاد والتنسيق والجودة المرئية.
ابدأ من حجم العرض
نادراً ما يحتاج الموقع إلى الدقة الكاملة لصورة الهاتف أو الكاميرا. إذا كانت الصورة ستظهر بعرض 900 بكسل، فإن رفع نسخة بعرض 4000 بكسل يضيف وزناً غالباً بلا فائدة واضحة.
غيّر حجم الصورة أولاً ثم اضغط نسخة النشر. بهذه الطريقة لا تضيع وقتك في ضغط بكسلات سيقوم المتصفح بتصغيرها لاحقاً.
- طابق عرض الصورة مع المكان الذي ستظهر فيه.
- احتفظ بنسخة أصلية إذا كنت قد تحتاج إلى تصدير أكبر لاحقاً.
- لا تستخدم صورة ضخمة واحدة لكل مواضع الصفحة.
اختر التنسيق حسب نوع المحتوى
غالباً ما تنضغط الصور الفوتوغرافية جيداً بصيغ JPG أو WebP. أما لقطات الشاشة والرسومات البسيطة والعناصر الشفافة فقد تحتاج PNG أو WebP حسب أهمية الشفافية.
تغيير التنسيق قد يقلل الحجم كثيراً، لكنه لا يجب أن يجعل النص ضبابياً أو الحواف مشوهة. راجع النتيجة النهائية قبل النشر دائماً.
- استخدم JPG أو WebP لمعظم الصور الفوتوغرافية.
- استخدم PNG عندما تهم الشفافية أو حدة لقطات الواجهة.
- استخدم WebP عندما تكون الجهة داعمة وتريد نسخة حديثة أخف.
افحص الصفحة لا الملف فقط
الملف الأصغر لا يفيد إذا أصبحت الصفحة أقل وضوحاً. صور المنتجات والمخططات واللقطات تتحمل مستويات ضغط مختلفة، لذلك احكم على النتيجة داخل سياقها.
راجع الصورة على الهاتف كما تراجعها على سطح المكتب. زوار الهاتف غالباً هم الأكثر تأثراً بالصور الثقيلة وضعف القراءة.
- عاين الصور المهمة بعد الضغط.
- انتبه للنص الضبابي والتدرجات التالفة والحواف المشوهة.
- فضّل صورة واضحة أكبر قليلاً على ملف صغير يضر الثقة.