01 / المسرد
تحسين الصور
تحويل الصور إلى ملفات أصغر دون خفض الجودة بشكل ملحوظ، وتقديمها بالحجم المناسب وبصيغ حديثة.
- 01
لماذا هو مهم؟
الصور هي الجزء الأكبر من البيانات التي يتم تنزيلها في معظم الصفحات. تجعل صيغ مثل WebP وAVIF، والإصدارات المُعدّة بحجم الشاشة، والضغط السليم الصفحات أسرع بشكل ملحوظ. تحديد أبعاد الصور يحسّن ثبات التخطيط، ويحسّن النص البديل الوصفي إمكانية الوصول.
- 02
مثال
صورة البانر في الصفحة الرئيسية لموقع ما عرضها 4000 بكسل وحجمها 3 ميغابايت. عند تقديمها بثلاثة أحجام حسب عرض الشاشة وبصيغة WebP، ينخفض حجم التنزيل على الأجهزة الجوّالة إلى 150 كيلوبايت.
- 03
خطأ شائع
عرض صورة كبيرة بحجم أصغر في الصفحة فقط. يستمر المتصفح في تنزيل الملف بالحجم الكامل؛ يجب تجهيز الصورة بالحجم الذي ستُعرض به.
- 04
مصطلحات ذات صلة
خدمات وأدلة ذات صلة