صورة متجاوبة

تمنع الصور المتجاوبة مستخدمي الهواتف من تنزيل صور بحجم سطح المكتب تهدر النطاق الترددي وتبطئ تحميل الصفحة. يوفر HTML السمة srcset لتبديل الدقة، وعنصر picture للتوجيه البصري، بحيث يمكن تقديم قصّات أو تنسيقات مختلفة لأجهزة مختلفة. تعمل أطر العمل الحديثة مثل Next.js على أتمتة إنشاء الصور المتجاوبة، فتُنشئ عدة أحجام من مصدر واحد وتقدم النسخة الأنسب حسب إطار العرض. تقلل تنسيقات WebP وAVIF مع بديل JPEG استهلاك النطاق الترددي أكثر. الصور المتجاوبة مهمة لأداء Core Web Vitals: فالصورة الكبيرة جدًا تؤخر Largest Contentful Paint، وهو مقياس التحميل الأساسي الذي يؤثر في تجربة المستخدم وترتيب محركات البحث.