كيفية تحسين الصور للويب؟

لماذا نحسّن الصور للويب؟

أوقات تحميل الصفحات أسرع.

ترتيب أفضل في SEO (Core Web Vitals).

تقليل تكاليف النطاق الترددي.

تحسين تجربة المستخدم ومعدلات التحويل.

تقنيات التحسين

تغيير الحجم إلى أبعاد العرض الفعلية.

اختيار الصيغة المناسبة (WebP، JPG، PNG).

الضغط بإعدادات الجودة المناسبة.

إزالة البيانات الوصفية غير الضرورية.

أحجام الملفات المستهدفة

صور الغلاف (Hero): من 100 إلى 300 كيلوبايت.

الصور المصغّرة: من 10 إلى 50 كيلوبايت.

صور المنتجات: من 50 إلى 150 كيلوبايت.

إجمالي صور الصفحة: أقل من 1-2 ميغابايت.

الصيغ الحديثة

WebP: أصغر بنسبة 25-35% مقارنةً بـ JPG.

AVIF: أصغر بنسبة 50% مقارنةً بـ JPG.

استخدمها مع بدائل احتياطية لضمان التوافق.

معظم المتصفحات الحديثة تدعم كليهما.

التحميل الكسول (Lazy Loading)

تحميل الصور عند الحاجة فقط.

يحسّن التحميل الأولي للصفحة.

دعم أصلي من المتصفح باستخدام loading="lazy".

ضروري للصفحات التي تحتوي على كثير من الصور.

كيفية القيام بذلك في 3 خطوات

الأسئلة الشائعة