HTML ইমেজ সাইজ বলতে একটি ইমেজের উচ্চতা এবং প্রস্থ বোঝায়। সেগুলো <img> এলিমেন্টে HTML অ্যাট্রিবিউট হিসেবে লিস্টেড থাকে। এখানে সেট করার পদ্ধতি দেওয়া হল।
সিন্ট্যাক্স
<img> ট্যাগের width এবং height অ্যাট্রিবিউট সেট করার সিন্ট্যাক্স:
<img src="<name of website>" alt="<alt tag>" height="<in px>" width="<in px>" />
এখানে একটি কোড স্নিপেট যা দেখায় কীভাবে কাজ করে:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <h1>Image Size in HTML</h1> <h2>without attributes</h2> <img src="https://placekitten.com/500/500" /> <h2>with attributes</h2> <img src="https://placekitten.com/500/500" width="300" height="300" /> <script src="script.js"></script> </body> </html>
<img> এলিমেন্টের height এবং width পিক্সেলে একটি নম্বর (কোটেশনের ভিতরে)। উভয় height এবং width অ্যাট্রিবিউট ইন্ডিকেট করা একটি ভালো অভ্যাস যাতে ইমেজ লোড হওয়ার আগে স্পেস এলোকেট করা যায়। যদি ইমেজের সাইজ পেজ রেন্ডারের আগে ইন্ডিকেট না করা হয়, তবে পেজ তার লেআউট অ্যাক্টুয়ালি ইমেজ লোড হওয়ার সাথে সাথে অ্যাক্টুয়ালি অ্যাডজাস্ট করবে।
ব্রাউজার সাপোর্ট
<img> এলিমেন্টের width এবং height অ্যাট্রিবিউট সকল ওয়েব ব্রাউজারে সাপোর্টেড।
