srcset ব্যবহার করুন৷ এইচটিএমএল-এ বিভিন্ন পরিস্থিতিতে ব্যবহার করার জন্য ছবির URL নির্দিষ্ট করার জন্য বৈশিষ্ট্য।
উদাহরণ
আপনি srcset বাস্তবায়ন করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন বৈশিষ্ট্য বিভিন্ন ছবি লোড হচ্ছে দেখতে ব্রাউজারটির আকার পরিবর্তন করুন -
<!DOCTYPE html> <html> <head> <meta name = "viewport" content="width=device-width, initial-scale = 1.0"> </head> <body> <picture> <source media = "(min-width: 550px)" srcset = "https://www.tutorialspoint.com/assets/videotutorials/courses/3d_animation_online_training/380_course_211_image.jpg"> <source media = "(min-width: 400px)" srcset = "https://www.tutorialspoint.com/assets/videotutorials/courses/html_online_training/380_course_216_image.jpg"> <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" alt = "Tutorials Library" style = "width:auto;"> </picture> </body> </html>
