পিক্সেলগুলিতে কোনও ওয়েবসাইটের মান প্রস্থ কত বা পরিসংখ্যান কোথায়?
উত্তর:
বেশিরভাগ বিকাশকারী 1024x768 মান হিসাবে ধরে নিলেও কোনও মান নেই।
960grid নামে একটি সিএসএস গ্রিড সিস্টেম রয়েছে যা শরীরের প্রস্থকে 960px হিসাবে ধরে নেয়, তারপরে 10px দিয়ে 96 কলামে বা 12px সহ 80 টি কলামগুলিকে ভেঙে দেয়।
সমস্যাটি হ'ল: পিসি স্ক্রিনগুলি সর্বদা বড় এবং বড় হয়ে চলেছে, কিছু অঞ্চলে ধীরে ধীরে তবে তা।
অন্যদিকে, টেক-টপসে আপনার মোবাইল ডিভাইস এবং নেটবুকগুলিতে ছোট স্ক্রিন রয়েছে।
এই প্রকৃতির সাথে ডিল করা বেদনাদায়ক হতে পারে। উদ্ধার করার জন্য সিএসএস মিডিয়া ক্যোয়ারী রয়েছে। বিকল্পভাবে, আপনি মোবাইল ডিভাইসে বিকল্প সংস্করণ সরবরাহ করতে ট্যাগ লিঙ্ক (রিল হ্যান্ডহেল্ড সহ) ব্যবহার করতে পারেন।
আপনার জন্য কিছু রেফারেন্স লিঙ্ক অনুসরণ করুন
পিক্সেলগুলিতে কোনও ওয়েবসাইটের মান প্রস্থ কত?
0 এর চেয়ে বড় এবং অসীমের চেয়ে কম সংখ্যক।
প্রতিক্রিয়াশীল ওয়েব ডিজাইন (আরডাব্লুডি) এর জন্য বর্তমান সেরা অনুশীলনগুলি হ'ল পিক্সেলের প্রস্থ নির্বিশেষে প্রতিটি ডিভাইস সমর্থন করে। সাধারণত এটিতে বিভিন্ন পর্দার আকারের জন্য বিভিন্ন স্টাইল সরবরাহ করতে মিডিয়া ক্যোয়ারীগুলি ব্যবহার করা জড়িত। প্রকৃত ব্যাপ্তিগুলি ডিজাইনের আকারগুলির তুলনায় সামঞ্জস্যপূর্ণ হওয়ার চেয়ে কম ব্যবহৃত হয় এবং সাইটটি বিভিন্ন আকারের কার্যকারিতা বজায় রাখে।
ব্যবহারকারীরা খুব বেশি চিন্তাভাবনা না করে বিভিন্ন পর্দার আকার দেখতে পাবে, তাই তারা যখন অর্ধেক স্ক্রিনে ডক করার জন্য একটি উইন্ডো টেনে নিয়ে যায় বা তাদের ফোনটি কাত হয়ে যায় তখন আপনি বিস্ময়ের পরিমাণটি হ্রাস করতে চান।
কিছু সাধারণ প্রস্থ ব্যাপ্তি ব্যবহৃত হয়:
এই ব্যাপ্তিগুলি এত সাধারণ যে আমি বলতে পারি যে তারা ব্যবহারিকভাবে একটি মান। সমস্ত ব্যাপ্তি ব্যবহার করার দরকার নেই, উদাহরণস্বরূপ কোনও সাইট 768 এর নীচে যে কোনও কিছুর জন্য তরল প্রস্থ এবং তারপরে নির্দিষ্ট প্রস্থ এবং 768+ এর জন্য কেন্দ্রীভূত হতে পারে।
যা যা বলা হয়েছে তার সাথে, সচেতন থাকুন যে ব্যবহারকারীরা যে কোনও ডিভাইস এটি দেখার জন্য চয়ন করে তার উপর সাইটটি কার্যকরী হওয়ায় আপনি যে সংখ্যাগুলি ব্যবহার করেন তা বিশেষত এতক্ষণ গুরুত্বপূর্ণ না।
পরিসংখ্যান কোথায়?
জটিল অংশে, আসল তথ্য। আপনি যদি কোনও সাইটকে নতুন করে ডিজাইন করছেন তবে কেবলমাত্র নিজেরাই ডেটা গুরুত্বপূর্ণ matters উইকিপিডিয়া কী নয় বা স্ট্যাক ওভারফ্লো, বা Google, অথবা কোন-অন্যান্য-বড় ওয়েবসাইট-যে-শক্তি-তালিকা-বিশ্লেষণ-ডেটা কথা অপ্রাসঙ্গিক আপনার জন্য তথ্য আপনার সাইট।
যদি আপনার পরিসংখ্যানগুলি বেশিরভাগ ব্যবহারকারীদের প্রাথমিকভাবে ডিভাইসের প্রস্থগুলির একটি নির্দিষ্ট পরিসীমা ব্যবহার করে দেখায় তবে আপনার সম্ভবত প্রথমে সেই ব্যবহারকারীদের সেবা দেওয়ার দিকে মনোনিবেশ করা উচিত। এগুলি সমস্তই বলেছে, আপনার নকশাটি যদি সঠিকভাবে প্রতিক্রিয়াশীল হয় তবে আপনার কোনও নির্দিষ্ট আকারের দিকে কোনও মনোযোগ দেওয়ার প্রয়োজন হবে না।
নতুন ওয়েবসাইট বা সাইটগুলির জন্য যা বিশ্লেষণগুলি আগে ছিল না, তাদের জন্য মোবাইল-ফার্স্ট পদ্ধতির ব্যবহার খুব বেশি বিবেচনা করুন এবং বিশ্লেষণগুলি ব্যবহার করতে ভুলবেন না যাতে আপনি আপনার ব্যবহারকারীর ভিত্তিতে সঠিকভাবে মানিয়ে নিতে পারেন।
আমি অবাক হয়েছি যে গুগল দ্বারা অন্য কেউ ব্রাউজারের আকার উল্লেখ করার কথা ভাবেনি ।
মান হিসাবে:
দর্শকদের 80% 1000px প্রস্থ পর্যন্ত হ্যান্ডেল করতে পারেন, কিন্তু বেশী যে পারেন চেয়ে বেশি 1000px প্রস্থ হ্যান্ডেল প্রায়ই না। প্রশস্ত স্ক্রিন মনিটরের সাহায্যে অনেক লোক তাদের উইন্ডোকে অর্ধেক স্ক্রিনে প্রান্তিককরণ করবে। এখন যে উইন 7 ড্রাগ-এন-ডকে সমর্থন করে, সম্ভবত এটি আরও জনপ্রিয় হয়ে উঠবে।
উচ্চতা হিসাবে: ব্যবহারকারীকে আপনার প্রথম ছাপ পৃষ্ঠার শীর্ষে প্রায় ~ 600px অবধি রয়েছে। তবে বেশিরভাগ ব্যবহারকারীরাই জানেন এবং কন্টেন্টটি "ভাঁজের নীচে" নেমে আসবে এবং প্রত্যাশিত এবং স্ক্রোল করতে সক্ষম।
আপনি যদি ১০০০ পিক্সের চেয়েও বেশি বিস্তৃত হতে চান তবে আমি উচ্চমাত্রায় একটি তরল বিন্যাসের সুপারিশ করব যাতে নেটবুক এবং আরও ছোট পর্দার ব্যবহারকারীরা এখনও সামগ্রীটি সঠিকভাবে দেখতে পান।
60 960px মানকৃত প্রস্থ হিসাবে প্রবণতা দেখায়, তবে সত্যই এটি সামগ্রী এবং স্টাইলের উপর নির্ভর করে।
গড় অভ্যন্তরীণ ব্রাউজারের প্রস্থ এবং উচ্চতা (ব্যবহারকারীরা আসলে কী দেখছেন) তা জানতে Google অ্যানালিটিক্স ব্যবহার করে আমি গত বছর একটু পরীক্ষা করেছি ।
অন্যরা যেমন বলেছে, এই ধরণের জিনিসটির কোনও মান নেই। যদিও, এখানে কয়েকটি টিপস যা হয় আপনার ওয়েবসাইটকে তৈরি বা ব্রেক করবে:
আমি সর্বদা শতাংশ বা একটি খারাপ-পরিস্থিতি বিল্ড ব্যবহার করেছি: আপনি সর্বনিম্ন পর্দার রেজোলিউশন যা সাধারণত দেখতে পাচ্ছেন 800x600, এবং এটি বিরলও। এর নীচে যে কোনও কিছুই সম্ভবত একটি মোবাইল ডিভাইসে রয়েছে। 775px প্রস্থটি ব্যবহারের জন্য একটি ভাল মাধ্যম, বা আপনি যদি কোনও সত্যের জন্য জানেন তবে কেবলমাত্র 80% আপনার ওয়েবসাইটের বড় স্ক্রিনে স্কেল করে দেওয়ার পরেও তার আবেদন থাকবে। সর্বাধিক সাধারণ সমস্যাটি হ'ল পাঠ্য সামগ্রী (যখন 1600px প্রস্থে মাপা হয়) খালি এবং সংক্ষিপ্ত বলে মনে হয়। আপনার ওয়েবসাইটটি 775px প্রস্থে রাখলে এটি ঠিক হয়ে যাবে, তবে এটি উভয় পক্ষের বিশাল উন্মুক্ত জায়গার সাথে দেখতে ভাল লাগবে না।
আপনার ব্যবহারকারীদের বাম বা ডানে স্ক্রোল করবেন না। পক্ষগুলির বিষয়বস্তু কেটে ফেলা সম্ভাব্য গ্রাহক বা পাঠককে হারাতে দ্রুততম উপায়।
আপনার নেভিগেশন শীর্ষের কাছাকাছি বা এমন কোনও জায়গায় রাখুন যেখানে এটি সন্ধানের জন্য ব্যবহারকারীদের স্ক্রোল করার দরকার নেই।
এবং কেবল একটি কন্টেন্ট টিপ; হয় উচ্চ গ্রাফিক্স / কম তথ্য বা উচ্চ তথ্য / কম গ্রাফিক্স রয়েছে। উভয়কে একত্রিত করার চেষ্টা সর্বদা ভয়ঙ্কর দেখায়।
মানটি "যতটা সম্ভব প্রস্থ / উচ্চতা" হবে। এটি ব্যবহারকারীদের পর্দার উপর নির্ভর করে:
স্ক্রিন রেজোলিউশনগুলি কীভাবে জনপ্রিয় তা জানার জন্য এবং তারপরে সংখ্যাগরিষ্ঠর দ্বারা সাধারণ ব্যবহারের ভিত্তিতে আপনার টেম্পলেটটি ভিত্তিক করে তৈরি করা জেনে রাখা সহায়ক ... ব্যক্তিগতভাবে আমি প্রতিক্রিয়াশীল ডিজাইন ব্যবহার করার পরামর্শ দিচ্ছি - এইভাবে আপনার সাইটটি সমস্ত ডিভাইস এবং সমস্ত রেজোলিউশনের জন্য কাজ করে।
হিসাবে জানুয়ারী 2013।
1366x768 25.4%
1920x1080 11.0%
1280x1024 9.7%
1440x900 7.3%
1280x800 8.2%
1680x1050 5.7%
1600x900 5.0%
1920x1200 ২.৯%
1360x768 2.1%
2560x1440 1.1%
অন্যান্য 11.6%
গুগল অ্যানালিটিক্স দর্শকদের স্ক্রিন রেজোলিউশন রেকর্ড করে। আপনার দর্শকদের সাধারণ স্ক্রিন আকারগুলি কী তা পরীক্ষা করতে আপনি সহজেই একটি কাস্টম প্রতিবেদন তৈরি করতে পারেন । মে 2013 এর জন্য আমার ওয়েবসাইটের পরিসংখ্যান (শীর্ষ 15) এখানে রয়েছে:
Rank Resolution % of Visits
---- ---------- -----------
1 1366x768 23.0%
2 1920x1080 17.7%
3 1440x900 8.4%
4 1280x1024 8.4%
5 1680x1050 7.1%
6 1280x800 6.9%
7 1600x900 6.0%
8 1920x1200 4.7%
9 1024x768 4.4%
10 2560x1440 2.3%
11 1360x768 2.1%
12 1280x768 1.0%
13 1600x1200 0.7%
14 1280x720 0.7%
15 1152x864 0.5%
পরিসংখ্যানগুলি সে অনুযায়ী ডিজাইনের ফলে ট্র্যাফিকের ধরণের উপর নির্ভর করে সাইটে পরিবর্তিত হয়। আমি নিজেই শতাংশের প্রস্থ, 1000px min-widthএবং যুক্তিসঙ্গত সহ তরল ডিজাইন পছন্দ করি max-width।
মানক হিসাবে আসলে কিছুই নেই, এবং পরিসংখ্যান পুরোপুরি লক্ষ্য জনসংখ্যার উপর নির্ভর করে। প্রযুক্তিগত লোকদের লক্ষ্য করে রাখার ফলে সাধারণত ভাল হার্ডওয়্যার এবং উচ্চতর রেজোলিউশন হয়, কম প্রযুক্তিগত বিপরীত হয়। তবে তারপরে ফোন, নেটবুক ইত্যাদি রয়েছে যার বেশিরভাগ ক্ষেত্রে আদর্শের তুলনায় উল্লেখযোগ্যভাবে কম রেজোলিউশন রয়েছে।
রেফারেন্সের জন্য আমি এখনই সর্বনিম্ন 1024x768 অনুমান করি।
যাই হোক এখানে কিছু আছেন: http://www.w3schools.com/browsers/browsers_display.asp http://www.w3counter.com/globalstats.php
আমি মনে করি, এটি ওয়েবসাইটের সামগ্রীর উপর নির্ভর করে।
উদাহরণস্বরূপ, যদি আপনার কোনও সাইডবার ইত্যাদি প্রয়োজন হয় না এবং আপনি যদি নূন্যতম ডিজাইন পছন্দ করেন তবে আপনি ওয়েবপৃষ্ঠাগুলির প্রস্থ 500px এ সেট করতে পারেন।
সুতরাং, আমি ওয়েব লেআউটের আকারগুলি সম্পর্কে স্ট্যান্ডআর্ট বিশ্বাস করি না (এবং পছন্দ করি না)।
আজকের বেশিরভাগ ওয়াইডস্ক্রিন মনিটরের রেজোলিউশন "1440x900" বা আরও বিস্তৃত রয়েছে বলে আমি মনে করব যে 1280-পিক্সেল প্রশস্ততর "স্ট্যান্ডার্ড" হয়ে উঠবে বিশেষত যখন চিত্রগুলি প্রদর্শিত হয়।
দ্রষ্টব্য: 1280-পিক্সেল প্রশস্ত ছিল বহু পুরানো 4: 3 অনুপাতের 17 ইঞ্চি এবং 19 ইঞ্চি স্ক্রিনের প্রস্থ।