أنشئ صورًا متجاوبة وعنصر picture

أسئلة

لماذا يهمّ ترتيب المصادر؟

لأن المتصفح يأخذ أول مصدر يعرف قراءته، فلا بد أن يأتي AVIF قبل WebP وأن يأتي وسم img المجرّد آخرًا. وإن اختل الترتيب حصل كل زائر على أكبر ملف عرضته. وهذا بالتحديد الجزء الممل في الكتابة اليدوية والسهل أن يُخطئ فيه المرء دون أن يشعر.

ما وظيفة العرضين؟

يغطي 1280 الحواسيب المحمولة ومعظم الأجهزة اللوحية؛ ويغطي 360 الهواتف، وهي التي يهمّ فيها التوفير فعلًا. ويترك srcset الاختيار للمتصفح، فلا ينزّل هاتف على اتصال بطيء ملف سطح المكتب أبدًا.

أحتاج خطوة بناء أو شبكة توصيل محتوى؟

لا. هذه ملفات عادية: ضعها بجوار صفحة HTML وتعمل الوسوم. وإن وضعت لاحقًا شبكة صور حقيقية أمام موقعك فلن تحتاج شيئًا من هذا، لكن لحفنة صور في صفحة مكتوبة يدويًا فهذا هو العمل كله.

ما الذي يجب أن يقوله النص البديل؟

ما تُظهره الصورة، محكيًّا لمن لا يستطيع رؤيتها. ولكل صورة في الدفعة حقلها الخاص، لأن وصفًا واحدًا مشتركًا بين عشر صور لا يفيد أحدًا. واتركه فارغًا فقط إن كانت الصورة زخرفية محضة.