সঠিক
চিত্র প্রার্থী।
একটি ব্যক্তিগত, শুধু ব্রাউজারে চলমান ইনটেক—বেসিক ইমেজ মেটাডেটা ও ডেলিভারি সংক্রান্ত প্রশ্ন একসাথে পর্যালোচনা করার জন্য। মেটাডেটা ও লোকাল মাত্রার বাইরে এটি কোনো ফাইল আপলোড, সংরক্ষণ, অপ্টিমাইজ বা তদন্ত করে না।
এটি ব্যবহার করুন: ইমেজের অবস্থান, রেসপনসিভ প্রার্থী, অ্যাক্সেসযোগ্য বিকল্প টেক্সট এবং ডেলিভারি ট্রেড-অফ নিয়ে আলোচনা প্রস্তুত করতে ব্যবহার করুন।
পরীক্ষা করুন শুরুর বিন্দু।
লোকাল একটি ইমেজ নির্বাচন করে ব্রাউজার-রিপোর্টেড বেসিক মেটাডেটা ও মাত্রা দেখুন। SIU নির্বাচিত ফাইল আপলোড, পাঠায়, সংরক্ষণ বা অপ্টিমাইজ করে না।
লোকাল ইমেজ নির্বাচন করুন — কোনো ইমেজ নির্বাচন করা হয়নি। কিছুই আপলোড বা সংরক্ষিত হয়নি।
কিছুই এখান থেকে বেরোয় না।
নির্বাচিত একটি ইমেজ তার নাম, ব্রাউজার-রিপোর্টেড MIME টাইপ, বাইট সাইজ, শেষ-পরিবর্তনের সময়, এবং লোকাল ডিকোডযোগ্য ডাইমেনশন দেখাবে।
কোনো প্রিভিউ জেনারেট করা হয় না। শুধুমাত্র তখনই একটি ইমেজ নির্বাচন করুন যদি লোকাল মেটাডেটা আপনার পর্যালোচনার জন্য কার্যকরী হয়।
পরবর্তী কাজ করুন পরিচিত ধাপ।
- একটি লোকাল ইমেজ নির্বাচন করুন। ব্রাউজার শুধুমাত্র মেমোরিতে তার নাম, MIME টাইপ, বাইট সাইজ, শেষ-পরিবর্তনের টাইমস্টাম্প এবং—যেখানে ডিকোডযোগ্য—পিক্সেল ডাইমেনশন পড়ে।
- মাপকাঠিগুলোকে উদ্দেশ্যকৃত রেন্ডার করা প্রস্থ এবং ডিভাইস ডেনসিটির সঙ্গে সম্পর্ক করুন; তারপর নির্ধারণ করুন পৃষ্ঠায় একাধিক ইমেজ প্রার্থী বা আর্ট ডিরেকশন প্রয়োজন কি না।
- মার্কআপ প্রসঙ্গ পর্যালোচনা করুন: অর্থপূর্ণ বিকল্প টেক্সট, যেখানে উপযুক্ত ডিক্লেয়ারড ডাইমেনশন, রেসপনসিভ সোর্স সিলেকশন, এবং লোডিং অগ্রাধিকার আলাদা সিদ্ধান্ত।
- টিমের প্রতিষ্ঠিত অ্যাসেট ও লাইসেন্সিং প্রক্রিয়ার অধীনে মূল সোর্স অ্যাসেট রাখুন। এই পৃষ্ঠা কোনো ডেরিভেটিভ ফাইল তৈরি করে না।
টিমের অনুমোদিত ব্রাউজার ও পারফরম্যান্স টুল দিয়ে ইচ্ছিত ব্রেকপয়েন্টে রেন্ডার করা পৃষ্ঠা পরীক্ষা করুন।
কোড রিভিউতে ইমেজের বিকল্প টেক্সট ও প্রকৃত রেসপনসিভ মার্কআপ নিশ্চিত করুন।
উন্নয়নের দাবি করার আগে বাস্তব পরিবেশে ডেলিভারি মেজার করুন।
উৎস নোট, ঋণগ্রস্ত নিশ্চয়তা নয়।
পরিকল্পনার ভিত্তি: web.dev responsive-image নির্দেশিকা এবং MDN File API ডকুমেন্টেশন
- web.dev — Responsive images ↗web.dev ব্যাখ্যা করে যে ইমেজ বাইট বড় হতে পারে এবং উপযুক্ত ব্যবহারের জন্য responsive candidates, srcset, sizes, এবং picture কীভাবে কাজে লাগবে তা বর্ণনা করে।
- MDN — Using files from web applications ↗MDN ব্যবহারকারীর নির্বাচিত File অবজেক্ট এবং লোকালভাবে উপলব্ধ নাম, টাইপ এবং সাইজ মেটাডেটা ডকুমেন্ট করে।
লেখকত্ব: SIU Enablement সম্পাদকীয় ড্রাফট; উৎস-সীমাবদ্ধ অপারেশনাল নির্দেশিকা। পর্যালোচনা করেছেন: ডিজাইন, অ্যাক্সেসিবিলিটি, পারফরম্যান্স, এবং রাইটস মালিকরা তাদের ডেলিভারি প্রসঙ্গে ইমেজগুলো রিভিউ করবেন। পুনরায় যাচাই: প্লেসমেন্ট, রেসপনসিভ নিয়ম, অ্যাসেট সোর্স বা ডেলিভারি প্রদানকারী পরিবর্তিত হলে পুনরায় যাচাই করুন।