كيف تضغط الصور لموقعك دون فقدان الجودة (دليل 2026)
كيف تضغط الصور لموقعك دون فقدان الجودة
الصور الثقيلة هي السبب الأول لبطء المواقع. صفحة متوسطها صورة 3MB تستغرق تحميلاً يتجاوز 5 ثوانٍ على الجوال — وكل ثانية تأخير تكلفك زواراً وترتيباً في جوجل.
لماذا يهتم جوجل بحجم الصور؟
أصبحت سرعة الصفحة عاملاً ترتيباً رسمياً عبر مؤشرات Core Web Vitals، وأخطرها LCP (أكبر عنصر مرئي) — وفي أغلب المواقع يكون هذا العنصر صورة. الصورة غير المضغوطة تعني:
- LCP أبطأ من 2.5 ثانية → تصنيف "ضعيف"
- ترتيب أقل في نتائج البحث
- معدل ارتداد أعلى: 53% من زوار الجوال يغادرون صفحة تتجاوز 3 ثوانٍ
اختر الصيغة الصحيحة أولاً
| الصيغة | الأفضل لـ | الحجم النسبي |
|---|---|---|
| WebP | كل شيء تقريباً | أصغر 25-35% من JPG |
| AVIF | الصور الحديثة | أصغر 50% من JPG |
| JPG | الصور الفوتوغرافية | الأساس القياسي |
| PNG | الشفافية والرسوم الحادة | الأكبر — للضرورة فقط |
نسبة الجودة الذهبية
المفاجأة: العين البشرية لا تفرق كثيراً بين 100% و75%. القواعد العملية:
- 80-85% للصور الرئيسية (Hero) والبورتريه
- 70-80% لصور المحتوى العادية
- 50-65% للصور المصغرة والمصاحبة
الخطوات العملية
- ارفع صورتك إلى أداة ضغط الصور — تعمل محلياً دون رفع
- اختر جودة 75% كنقطة بداية
- قارن الحجم قبل وبعد — استهدف أقل من 200KB لكل صورة محتوى
- حوّل الصيغة إلى WebP من أداة التحويل
- اضبط الأبعاد الفعلية للعرض من أداة التصغير — لا ترفع صورة 4000px وتعرضها بعرض 800px
لا تنسَ أشياء لا تقل عن الضغط
loading="lazy"لكل صورة تحت الطيةwidthوheightصريحان لمنع القفز (CLS)- ALT وصفي يحتوي كلمتك المفتاحية بشكل طبيعي
- اسم ملف وصفي:
compress-photos-guide.webpوليسIMG_4021.webp
الخلاصة
صورة مضغوطة جيداً = موقع أسرع = زوار أكثر = ترتيب أفضل. أعد ضغط صور موقعك اليوم وقس الفرق عبر PageSpeed Insights.