مقاسات الصور للمواقع: ميزانية بايتات وأعراض حقيقية

سرعة الموقع مش بتتحسب بالميحابايت الكلية، بتتحسب بباقاته في كل شاشة. الدليل ده بيحوّل «صغّر الصور» لقواعد رقمية تقدر تقيسها بـأداة أبعاد الصور قبل ما تضغط زر النشر.

ابدأ بميزانية بايتات

• صورة البطل (Hero): تحت 150 كيلوبايت.webp بعرض 1600–2000 بكسل.
• صور داخل المقالات: تحت 80 كيلوبايت بعرض 1200 بكسل.
• صور مصغرة (Thumbnails): تحت 30 كيلوبايت بعرض 400–600 بكسل.
• شعارات وأيقونات: SVG نصي أو PNG تحت 15 كيلوبايت.

أبعاد بالبكسل اللي بتتعرض فعلًا

اعرف أكبر مقاس عرض بيظهر فيه العنصر على شاشتك الكبرى، وضيف عليه 25٪ احتياطي لشاشات الكثافة العالية — ومفيش داعي لملفات أعرض من كده. صورة بعرض 3000 بكسل في حاوية عرضها 1200 بكسل معناها إن الزائر بيحمّل بيانات مش هتظهر له أبدًا.

الصورة اللي بتقرر تقييمك

تقييم LCP في Core Web Vitals بيتقاس على أكبر عنصر ظاهر في أول شاشة — وغالبًا صورة البطل. لو صورتك الأولى تحت 150 كيلوبايت وبتتحمل بدون تأخير، أغلب معارك السرعة كسبتها. الصور التانية تحت الطية تأثيرها أصغر بكتير.

تشيك ليست قبل النشر

1. الأبعاد مطابقة للاستخدام مش أكبر «احتياطًا».
2. الصيغة WebP للصور الفوتوغرافية.
3. الميزانية متحققة لكل فئة في الجدول فوق.
4. نص بديل وصفي موجود لكل صورة محتوى.
5. التحميل الكسول مفعّل للصور تحت الطية فقط.