সঠিক উত্তর নেই, আসলে দুটি আছে:
- গুগল দ্বারা প্রস্তাবিত (যেমন ম্যাটেরিয়াল ডিজাইনের উদাসিটি কোর্সে): একটি সাধারণ রূপান্তর ব্যবহার করুন, যা অনেক ক্ষেত্রে পলিমার লাইব্রেরির মতো 1: 1 হয়। উদাহরণস্বরূপ রেটিনা প্রদর্শনের জন্য এটি ঠিক নয় , সুতরাং 1: 1 এর পরিবর্তে অফিসিয়াল মেটাল ডিজাইন গাইডে ডিভাইস সারণীতে প্রদত্ত ঘনত্বের অনুপাত ব্যবহার করুন ( কিছু জনপ্রিয় ডিভাইসের জন্য অনুপাত এবং নির্দিষ্ট মেট্রিক সহ টেবিল ) এবং এর জন্য উপযুক্ত @ মিডিয়া ক্যোয়ারী সরবরাহ করুন রেজোলিউশন থ্রেশহোল্ড এবং সম্পদগুলি ধরে নেওয়া, এমডিপিআই ডিসপ্লে (160 ডিপিআই / পিপিআই) এর জন্য 1 ডিপি সমান 1px হয় ।
দ্রষ্টব্য: সামগ্রিক ধারণা: পৃষ্ঠার নীচে: একাধিক স্ক্রিন রেজোলিউশন থ্রেশহোল্ডের জন্য অনুপাতটি কল্পনা করতে কিছু চিত্রের সাথে চিত্র স্কেলিং (ব্রেকপয়েন্ট চিত্র)
- আপনি যদি সুনির্দিষ্ট ডিভাইসের জন্য আপনার ডিজাইন জুড়ে একটি অতি সামঞ্জস্যতা চান তবে আপনাকে আরও কিছু গবেষণা এবং গণনা করতে হবে এবং যতগুলি ডিভাইস আপনি চান সমর্থন করতে এবং ফ্যালব্যাক সরবরাহ করতে আরও @ মিডিয়া ক্যোয়ারির আরও একটি গুরুত্বপূর্ণ বিষয় কী (এর সাথে 1 ম স্থানে উল্লিখিত পদ্ধতি) যার জন্য আপনি এতটা যত্ন নেন না।
যারা এই বিষয়ে আরও ডুব দিতে চান তাদের জন্য এখানে আরও বিশদ তথ্য দেওয়া হয়েছে তবে এটি একটি ব্যাখ্যা এবং যুক্তির পিছনে রয়েছে, উপরের একটি সম্পূর্ণ উত্তর :
জিনিসটি হ'ল মেটালিয়াল ডিজাইনের অফিসিয়াল গাইড (লেআউট> ইউনিট এবং পরিমাপ) অনুসারে "পিক্সেল ঘনত্ব" হ'ল:
এক ইঞ্চিতে ফিট হওয়া পিক্সেলের সংখ্যা।
সুতরাং মূলত পিক্সেল ঘনত্ব একটি পিপিআই মানের একটি নতুন নাম বা যেহেতু অনেক লোক এটিকে আলাদা জিনিস, একটি ডিপিআই মান হিসাবে স্বীকৃতি দেয় না।
একই গাইড অনুসারে 1dp সংজ্ঞা:
160 ডিগ্রি ঘনত্বের সাথে একটি পর্দার একটি ফিজিকাল পিক্সেলের সমান একটি ডিপি । ডিপি গণনা করতে:
dp = (পিক্সেল প্রস্থ * 160) / পর্দার ঘনত্ব
সিএসএস লেখার সময়, যেখানেই ডিপি বা এসপি বর্ণিত হয় px ব্যবহার করুন। ডিপি কেবলমাত্র অ্যান্ড্রয়েডের বিকাশে ব্যবহার করা দরকার।
মেটালিয়াল ডিজাইনের মূল অধ্যক্ষ হ'ল বিভিন্ন প্ল্যাটফর্মগুলিতে ধারাবাহিক শারীরিক মাত্রা বজায় রাখা, যা ডেস্কটপ রেজোলিউশন, পিপিআই (/ ডিপিআই) এবং সিএসএস পিক্সেলের বিষয়টি উত্থাপন করে যে ক্ষেত্রে আপনার অ্যান্ড্রয়েডের ক্ষেত্রে যেমন ডিপি গণনা করা উচিত should ডিভাইসগুলি এবং এটি সত্য নয় যে বেশিরভাগ স্ক্রিনগুলি pp৯ পিপি (এটি একটি অনুমান যা সিএসএসের জন্য গুরুত্বপূর্ণ), এর একটি দুর্দান্ত অংশের কিছুটা উচ্চতর পিপিআই রয়েছে, এবং আপনি যদি কেবল traditionalতিহ্যবাহী ডেস্কটপই না, তবে নিয়মিত ল্যাপটপগুলিও বিবেচনা করেন , বা ট্যাবলেটগুলি বা সারফেসের মতো "রূপান্তরযোগ্য "গুলির রূপান্তরকরণের প্রয়োজন রয়েছে: এগুলি সাধারণত 100-130ppi থেকে শুরু করে, যা বলেছিল যে আমি এই মুহুর্তে 127ppi ব্যবহার করছি:
100% = 160ppi -> দৈহিক 1 পিক্সেল প্রস্থ = 1 ডিপি -> আয়তক্ষেত্র 100x100px = 100x100dp
79% = 127ppi -> দৈহিক 1 পিক্সেল প্রস্থ = সিএ। 0,8dp -> আয়তক্ষেত্র 100x100px = 80x80dp
যদিও ডিপি হ'ল অ্যান্ড্রয়েডের জন্য খাঁটি এবং নতুন ইউনিট, আপনার এমডি লেআউটগুলি খাপ খাইয়ে নিতে কিছু গণনা করা উচিত যা সমস্ত ডিপিতে আসে। যদি আপনি আরও কিছু ধারণা পেতে চান যে নির্দিষ্ট উপাদানটি শারীরিক অর্থে প্রশ্নের জন্য সবচেয়ে কার্যকর হবে তবে নির্দিষ্ট ডিভাইসের জন্য মেটালিয়াল ডিজাইনের নির্দেশিকাতে আদর্শ স্পর্শ আকারের পরিসর মান ** ডিপি মানের নীচে রয়েছে একটি শারীরিক। ** ডিপি মান পরিবর্তন হয় তবে শারীরিক অবস্থা একই থাকে।
আপনার ইউনিটগুলি কেন গণনা করা দরকার তা ইস্যুটির আরও অ্যান্ড্রয়েড এপিআই গাইড (ডিপি ইউনিটকে পিক্সেল ইউনিটে রূপান্তর করা) আরও ব্যাখ্যা করা হয়েছে এবং এটি এখনও সিএসএস সহ স্টাইলযুক্ত উপাদানগুলির জন্য প্রযোজ্য:
কিছু ক্ষেত্রে, আপনাকে ডিপিতে মাত্রা প্রকাশ করতে হবে এবং তারপরে সেগুলি> পিক্সেলে রূপান্তর করতে হবে।
কোনও অ্যাপ্লিকেশনটি কল্পনা করুন যাতে ব্যবহারকারীর আঙুলটি কমপক্ষে 16 পিক্সেল সরিয়ে নিয়ে যাওয়ার পরে কোনও স্ক্রল বা ঝাপটানো অঙ্গভঙ্গিটি স্বীকৃত। একটি বেসলাইন স্ক্রিনে, ব্যবহারকারীর অবশ্যই 16 পিক্সেল / 160 ডিপিআই দিয়ে চলে যেতে হবে, যা অঙ্গভঙ্গিটি স্বীকৃতি পাওয়ার আগে ইঞ্চিটির 1/10 তম (বা 2.5 মিমি) সমান। উচ্চ-ঘনত্বের ডিসপ্লে (240dpi) সহ একটি ডিভাইসে, ব্যবহারকারীর অবশ্যই 16 পিক্সেল / 240 ডিপিআই দিয়ে চলে যেতে হবে, যা 1 ইঞ্চি (বা 1.7 মিমি) এর 1/15 এর সমান। দূরত্বটি অনেক কম এবং অ্যাপ্লিকেশনটি ব্যবহারকারীর পক্ষে আরও সংবেদনশীল দেখা যায়।
পূর্বে উল্লিখিত পলিমার রূপান্তর 1: 1 সম্ভবত 96dpi এর ঘনত্বের কারণে বা এমনকি আমি যেটি দিয়েছি তা কোথাও কম ঘনত্বের বা এমনকি (96 ডিপিআই-র ক্ষেত্রে) গোষ্ঠীর, এমনকি তার নীচে থেকে। ডিপি মানটি সিএসএস হিসাবে গৃহীত নয় তা বিবেচনায় রেখে, এটি সহজেই অনুমান করা যায় যে ঘনত্বের অনুপাত (0,75- নিম্নের জন্য, 1,0 মাঝারি এবং আরও অনেক কিছু) সরলকরণ এবং একাধিক আকারের জন্য ব্যবহার করা উচিত স্ক্রীন সমর্থন, যা পূর্বে উল্লিখিত মেটেরিয়াল ডিজাইনের জন্য ডিভাইস টেবিলটিতে দেখানো হয়েছে। এমনকি এন্ড্রয়েড এপিআই গাইডের উপরের অধ্যায়টির উদ্ধৃত সর্বোত্তম অনুশীলন হিসাবে এটি উল্লেখ করা হয়েছে। এবং সেখানেই পলিমার রূপান্তর 1: 1 ভাল হতে পারে, যেহেতু অনেকগুলি ডিভাইসের ঘনত্বের অনুপাত 1 স্তরে রয়েছে।
শেষ দ্বিধায় ফিরে আসতে: সিএসএস পেক্স, যদি আপনি বিভিন্ন ডিভাইসের সূক্ষ্ম সূক্ষ্মতায় ডুব দেওয়ার সিদ্ধান্ত নেন। আপনি যদি তদন্তকারী না হন তবে কেবল এমডি টেবিল থেকে ঘনত্বের অনুপাতের সাথে আটকে থাকুন। তবে আপনি যদি কোনও পারফেকশনিস্ট হন তবে ডাব্লু 3 সি পরীক্ষার্থীর পুনঃসংশোধনে সিএসএস পিক্সেল এবং শারীরিক মাত্রা সম্পর্কের এই ক্রোকের একটি নিখুঁত (এবং বেশ সহজ ব্যাখ্যা) রয়েছে :
পরম দৈর্ঘ্য ইউনিট একে অপরের সাথে সম্পর্ক স্থায়ী ও কিছু শারীরিক পরিমাপ নোঙর করছে। আউটপুট পরিবেশটি পরিচিত হলে এগুলি প্রধানত কার্যকর। পরম ইউনিটগুলি দৈহিক ইউনিট ('in', 'সেমি', 'মিমি', 'pt', 'পিসি', 'কিউ') এবং ভিজ্যুয়াল কোণ ইউনিট ('px') নিয়ে গঠিত :
বাহুর দৈর্ঘ্যে পড়ার জন্য, 1px এভাবে প্রায় 0.26 মিমি (1/96 ইঞ্চি) এর সাথে মিলে যায়।
দ্রষ্টব্য: নোট করুন যে পিক্সেল ইউনিটের এই সংজ্ঞা এবং শারীরিক ইউনিটগুলি সিএসএসের পূর্ববর্তী সংস্করণগুলির থেকে পৃথক। বিশেষত, সিএসএসের পূর্ববর্তী সংস্করণগুলিতে পিক্সেল ইউনিট এবং শারীরিক ইউনিটগুলি একটি নির্দিষ্ট অনুপাতের সাথে সম্পর্কিত ছিল না: দৈহিক ইউনিটগুলি সর্বদা তাদের শারীরিক পরিমাপের সাথে আবদ্ধ থাকে যখন পিক্সেল ইউনিট রেফারেন্স পিক্সেলের সাথে খুব ঘনিষ্ঠভাবে মেলে। (এই পরিবর্তনটি করা হয়েছিল কারণ অত্যধিক বিদ্যমান সামগ্রী 96 ডিপিআই অনুমানের উপর নির্ভর করে এবং এই অনুমানটি ভাঙার ফলে সামগ্রীটি ভেঙে যায়))
Px এর এই নতুন সংজ্ঞা (শারীরিক মাত্রাগুলি বিবেচনায় নেওয়া) CSS পিক্সেল এবং ডিপিএসের মধ্যে ব্যবধান পূরণ করে এবং আমাদের এটি নিশ্চিত করতে দেয় যে সাধারণ পরিমাপের গণনা তথাকথিত আউটপুট পরিবেশ ব্যবহার করে, যা এই ক্ষেত্রে সামঞ্জস্যপূর্ণ (শারীরিক দিক থেকে) ) এমডি লেআউট , বিভিন্ন ডিভাইস এবং প্ল্যাটফর্ম জুড়ে একই থাকে। তদ্ব্যতীত, ডাব্লু 3 সি এবং এমডি উভয় নির্দেশিকা পিক্সেল / ডটস কভারেজের মূল ধারণাটি চিত্রিত করতে নিম্ন- এবং উচ্চ-রেজোলিউশন ডিভাইসের চিত্রগুলি ব্যবহার করে - একটি উচ্চ-রেজোলিউশন ডিভাইসে 1px বাই 1px এলাকা কভার করার জন্য আরও ডিভাইস পিক্সেল (বিন্দু) প্রয়োজন নিম্ন-রেজিসের উপর, যার অর্থ যে রেটিনা প্রদর্শনের জন্য সিএসএস ক্যোয়ারিতে বহুল ব্যবহৃত ব্যবহৃত হ'ল প্রকৃতপক্ষে আপনাকে ম্যাটেরিয়াল ডিজাইন এবং সমস্ত মোবাইল ডিভাইসগুলির জন্য (তবে আরও প্রান্তিকের সাথে) সরবরাহ করতে হবে।
উপসংহারে, হয় এমডি ঘনত্বের অনুপাত ব্যবহার করুন যা গুগলের সেরা প্রস্তাবিত অনুশীলন , বা যদি আপনি নির্ভুলতার সাথে স্থির হয়ে থাকেন বা আপনার নকশাকে শারীরিক আকারের সাথে একদম সামঞ্জস্য করা দরকার: নির্দিষ্ট বা সাধারণের পিপিআই / ডিপিআই মান ব্যবহার করে সঠিক রূপান্তর ব্যবহার করুন ডিভাইসগুলি (যা বেশ উন্মাদ), আপনি সহজেই গুগল রাইজার অনলাইন সরঞ্জামে কী পরীক্ষা করতে পারেন যেহেতু তারা এমডি গাইডে প্রস্তাবিত সাধারণ চৌম্বককে সম্মান করে প্রথমে অনুপাত এবং প্রাসঙ্গিক ডিসপ্লে ধরণের নামগুলির জন্য (এক্সলারেজ, মিডিয়াম এবং তাই) ) এটি বাস্তবায়িত।
সুতরাং টেবিল থেকে এমডি অনুপাতের সাথে আটকে থাকুন যে রেফারেন্স ডিপি সমান পিক্সেল আকার এমডিপিআই রেজোলিউশন (160) এর জন্য এবং আপনি ভাল হবেন।
em/rem
যেকোন জায়গায় ব্যবহার করার জন্য বেছে নিতে পারেন এবং তারপরে প্রতিটি রেজোলিউশনের জন্য কেবল বেস ফন্টের আকারটি স্কেল করতে পারেন।