تعريفه
نستخدم الوسم <picture>
لعرض صورة واحدة في الصفحة و لكن هذه الصورة يمكن أن تتبدل لصورة أخرى نسبةً لحجم الصفحة الذي نراه مناسباً لتبديل الصور.
بداخل الوسم <picture>
يجب إضافة الصور التي تريد تجهيزها لكي يتم عرضها نسبةً لحجم عرض الشاشة مع وضع كل صورة منهم بداخل وسم <source>
و تحديد متى سيتم عرض كل صورة منهم بواسطة كود CSS.
بالإضافة لذلك, يجب وضع صورة إفتراضية بواسطة الوسم <img>
حتى يتم عرضها في حال لم يتم عرض أي صورة تم تجهيزها لأي سبب كان.