স্ক্রিন রেজোলিউশন চেকার
আপনার স্ক্রিন রেজোলিউশন তাৎক্ষণিকভাবে দেখুন। এই টুল আপনার স্ক্রিন সাইজ, ব্যবহারযোগ্য এলাকা, ভিউপোর্ট, ডিভাইস পিক্সেল অনুপাত, কালার ডেপথ ও অরিয়েন্টেশন সরাসরি ব্রাউজারে পড়ে এবং রিসাইজ, জুম বা ঘোরানোর সময় সেগুলো লাইভ আপডেট করে — কোনো ইনস্টলেশন নেই, সবকিছু লোকালি প্রসেস হয়।
টিপ: নিখুঁত ফিজিক্যাল রেজোলিউশন পড়তে ব্রাউজার জুম রিসেট করুন (Ctrl/Cmd + 0)।
🔒 সব পরিমাপ আপনার ব্রাউজারেই নেওয়া হয়। কিছুই আপলোড হয় না।
আপনার স্ক্রিন রেজোলিউশন অনলাইনে তাৎক্ষণিকভাবে যাচাই করুন
এই স্ক্রিন রেজোলিউশন চেকারটি আপনার ডিসপ্লের CSS রেজোলিউশন, পিক্সেল রেজোলিউশন, ভিউপোর্ট সাইজ, ডিভাইস পিক্সেল রেশিও, কালার ডেপথ, কালার গ্যামুট এবং HDR সাপোর্ট যাচাই করতে দেয়। আপনি 4K মনিটর, রেটিনা ল্যাপটপ বা মোবাইল ফোন যাচাই করছেন না কেন, রিসাইজ, জুম বা রোটেট করার সময় মানগুলি লাইভ আপডেট হয় — ডাউনলোডের প্রয়োজন নেই।
আপনার স্ক্রিন রেজোলিউশন, ব্যবহারযোগ্য স্ক্রিন এলাকা, ব্রাউজার ভিউপোর্ট, ডিভাইস পিক্সেল অনুপাত, কালার ডেপথ, কালার গ্যামুট, অরিয়েন্টেশন ও অ্যাসপেক্ট রেশিও — সব এক জায়গায় দেখুন।
উইন্ডো রিসাইজ করা, জুম করা, মোবাইল ডিভাইস ঘোরানো বা উইন্ডো অন্য মনিটরে সরানোর সময় মান রিয়েল টাইমে আপডেট হয়।
আমরা CSS পিক্সেল মাপের সঙ্গে আপনার ডিভাইস পিক্সেল অনুপাত মিলিয়ে আপনার মনিটর আসলে যে ফিজিক্যাল পিক্সেল রেজোলিউশন রেন্ডার করে তার অনুমান করি।
কালার ডেপথ (প্রতি পিক্সেলে বিট) এবং আপনার ডিসপ্লে যে কালার গ্যামুট রিপোর্ট করে — sRGB, DCI-P3 বা Rec. 2020 — সেই সঙ্গে HDR সাপোর্ট দেখুন।
কোনো বিশেষ ব্রাউজার API লাগে না। চেকারটি ডেস্কটপ, ল্যাপটপ, ট্যাবলেট ও ফোনের যেকোনো আধুনিক ব্রাউজারে চলে।
কিছুই আপলোড হয় না। প্রতিটি পরিমাপ আপনার ব্রাউজারেই পড়া ও দেখানো হয় — কোনো অ্যাকাউন্ট নেই, কোনো ট্র্যাকিং নেই, সার্ভারে কোনো রিকোয়েস্ট নেই।
CSS পিক্সেল একটি লজিক্যাল একক, তাই চেকারটি রিপোর্ট করা মাপকে আপনার ডিভাইস পিক্সেল অনুপাত দিয়ে গুণ করে আপনার প্যানেল যে আসল পিক্সেল সংখ্যা রেন্ডার করে তার অনুমান দেয়।
ডিসপ্লে এখন ল্যান্ডস্কেপ না পোর্ট্রেট এবং কোন অনুপাত ব্যবহার করছে — 16:9, 16:10, 21:9 বা 32:9 — দেখুন; ডিভাইস ঘোরালে দুটি মাত্রাই লাইভ বদলে যায়।
টাস্কবার, Dock ও সিস্টেম বার বাদ দেওয়ার পর যে এলাকা থাকে তা দেখুন — ম্যাক্সিমাইজ করা উইন্ডো আসলে এই জায়গাটিই পায়।
আপনার মাপকে আজ প্রচলিত রেজোলিউশনের রেফারেন্স তালিকার সঙ্গে মিলিয়ে দেখুন — HD 720p থেকে 4K UHD ও আল্ট্রাওয়াইড প্যানেল পর্যন্ত, প্রতিটির অ্যাসপেক্ট রেশিও ও সাধারণ ব্যবহার সহ।
ব্রাউজার জুম রিপোর্ট করা ডিভাইস পিক্সেল অনুপাত বদলে দেয়, তাই এই পেজ ব্যাখ্যা করে জুম প্রতিটি মানকে কীভাবে প্রভাবিত করে এবং সঠিক ফিজিক্যাল পরিমাপের জন্য তা কীভাবে রিসেট করবেন।
উইন্ডোটি এক ডিসপ্লে থেকে অন্যটিতে টেনে নিন, কার্ডটি স্বয়ংক্রিয়ভাবে আবার পরিমাপ করে — দুটি মনিটরের রেজোলিউশন ও স্কেলিং পাশাপাশি তুলনা করার দ্রুত উপায়।
সমর্থিত পরিস্থিতি ও সীমাবদ্ধতা
দ্রুত যাচাই করুন স্ক্রিন রেজোলিউশন আপনার প্রয়োজনের জন্য সঠিক টুল কিনা। নিচের তালিকাগুলো স্পষ্টভাবে দেখায় এই ব্রাউজার-ভিত্তিক টুলটি কী করতে পারে এবং কী করতে পারে না।
যার সাথে কাজ করে
- Full HD 1080p (1920 × 1080) মনিটর
- QHD 1440p (2560 × 1440) ডিসপ্লে
- 4K UHD (3840 × 2160) monitors এবং টিভি
- Ultrawide (3440 × 1440, 21:9) মনিটর
- Retina / HiDPI ডিসপ্লে (DPR ≥ 2)
- Laptop screens (scaled 4K laptops সহ)
- বাহ্যিক মনিটর (DisplayPort, HDMI, USB-C)
- Mobile phones এবং tablets (portrait & landscape)
- Multi-monitor setups (window টেনে আব্বার measure করুন)
- HDR ডিসপ্লে এবং ব্যাপক গ্যামাট (DCI-P3, Rec. 2020) স্ক্রিন
সমর্থিত নয়
- Screen resolution পরিবর্তন বা সেট কর (OS display settings ব্যবহার করুন)
- Display scaling বা DPI সমন্বয় (OS settings ব্যবহার করুন)
- Dead বা stuck pixels ঠিক কর (আমাদের ডেড পিক্সেল পরীক্ষা ব্যবহার করুন)
- Monitor refresh rate পরীক্ষা (আমাদের রিফ্রেশ রেট পরীক্ষা ব্যবহার করুন)
- Colors, brightness বা contrast ক্যালিব্রেট কর
- Physical panel damage বা hardware faults শনাক্তকরণ
স্ক্রিন রেজোলিউশন শুধু যাচাই করে ইনপুট ইভেন্টগুলো ব্রাউজারে পৌঁছায় কিনা। এটি নির্ধারণ করতে পারে না যে ব্যর্থতা হার্ডওয়্যার, ড্রাইভার, ফার্মওয়্যার বা অপারেটিং সিস্টেমের কারণে হয়েছে কিনা।
এই স্ক্রিন রেজোলিউশন চেকার কীভাবে কাজ করে
এই টুল আপনার ডিসপ্লে তথ্য সরাসরি স্ট্যান্ডার্ড ব্রাউজার ইন্টারফেস থেকে পড়ে: Screen API (window.screen), window অবজেক্ট (innerWidth ও innerHeight), এবং CSS মিডিয়া কোয়েরি যা কালার গ্যামুট ও ডায়নামিক রেঞ্জ রিপোর্ট করে। পেজ লোড হলে ব্রাউজার বর্তমান মান রিপোর্ট করে এবং উপরের কার্ড তা সঙ্গে সঙ্গে দেখায়।
ইনস্টল করার কিছু নেই, কোনো অনুমতিও দিতে হয় না। আপনি ব্রাউজার উইন্ডো রিসাইজ করলে, জুম লেভেল বদলালে, ফোন বা ট্যাবলেট ঘোরালে, বা ভিন্ন রেজোলিউশনের মনিটরে উইন্ডো টেনে নিলে মান স্বয়ংক্রিয়ভাবে আপডেট হয় — কার্ডটি সেই পরিবর্তন শোনে এবং রিয়েল টাইমে আবার পরিমাপ করে। যেহেতু রিডিং আপনার নিজের ব্রাউজার থেকেই নেওয়া হয়, এটি ঠিক তা-ই দেখায় যা কোনো ওয়েবসাইট আপনার মেশিনে রেন্ডার হওয়ার সময় দেখে, আর তা প্রায়ই বাক্সে ছাপা সংখ্যার চেয়ে বেশি কাজে লাগে।
আপনার স্ক্রিন রেজোলিউশনের ফলাফল বোঝা
সবচেয়ে গুরুত্বপূর্ণ পার্থক্য হলো CSS পিক্সেল ও ফিজিক্যাল পিক্সেলের মধ্যে। ব্রাউজার screen.width ও screen.height CSS পিক্সেলে রিপোর্ট করে — এটি একটি লজিক্যাল একক, যা আপনার মনিটরে কত ফিজিক্যাল পিক্সেল আছে তা দিয়ে বদলায় না। 150% স্কেলিংয়ে চলা একটি 4K ডিসপ্লেতে ব্রাউজার 2560 × 1440 CSS পিক্সেল রিপোর্ট করতে পারে, অথচ প্যানেল ফিজিক্যালি 3840 × 2160 রেন্ডার করে।
ডিভাইস পিক্সেল অনুপাত (DPR) দুটি সিস্টেমকে যুক্ত করে: CSS মাপকে DPR দিয়ে গুণ করলে ফিজিক্যাল রেজোলিউশনের অনুমান পাওয়া যায়, তাই ফিজিক্যাল মানটিকে আনুমানিক বলা হয় — ব্রাউজার জুমও রিপোর্ট করা DPR বদলে দেয়। অন্যদিকে ভিউপোর্ট হলো ব্রাউজার উইন্ডোর ভেতরে পেজের দৃশ্যমান অংশ, তাই এটি সবসময় পূর্ণ স্ক্রিন রেজোলিউশনের চেয়ে ছোট (বা সমান) হয়। দুটিকে পাশাপাশি পড়াই বুঝতে সবচেয়ে দ্রুত উপায় যে আপনার মনিটরে ঠিক দেখানো একটি পেজ ছোট উইন্ডোতে কেন ভিন্ন আচরণ করতে পারে, এবং রেসপন্সিভ লেআউট তৈরির সময় ওয়েব ডেভেলপাররা সবচেয়ে বেশি এই দুটি মানের উপরেই নির্ভর করেন।
সাধারণ স্ক্রিন রেজোলিউশন
নিচে সেগুলোই দেওয়া হলো যেগুলো আজ ল্যাপটপ, ডেস্কটপ মনিটর ও টিভিতে সবচেয়ে বেশি দেখা যায়। অধিকাংশ আধুনিক ডিসপ্লে 16:9 অ্যাসপেক্ট রেশিও ব্যবহার করে; আল্ট্রাওয়াইড মনিটর 21:9 বা 32:9।
| রেজোলিউশন | পিক্সেল | অ্যাসপেক্ট রেশিও | সাধারণ ব্যবহার |
|---|---|---|---|
| HD 720p | 1280 × 720 | 16:9 | এন্ট্রি-লেভেল ল্যাপটপ, ছোট ডিসপ্লে |
| HD+ | 1366 × 768 | ≈16:9 | বাজেট Windows ল্যাপটপে সাধারণ |
| Full HD 1080p | 1920 × 1080 | 16:9 | সবচেয়ে প্রচলিত ডেস্কটপ ও ল্যাপটপ রেজোলিউশন |
| QHD 1440p | 2560 × 1440 | 16:9 | হাই-এন্ড ডেস্কটপ মনিটর ও গেমিং ডিসপ্লে |
| Ultrawide QHD | 3440 × 1440 | 21:9 | কার্ভড প্রোডাক্টিভিটি ও গেমিং মনিটর |
| 4K UHD | 3840 × 2160 | 16:9 | প্রিমিয়াম ল্যাপটপ, 4K মনিটর ও টিভি |
| WUXGA | 1920 × 1200 | 16:10 | বিজনেস ল্যাপটপ ও অফিস মনিটর |
| QWXGA+ | 2560 × 1700 | 3:2 | লম্বা প্যানেলের প্রোডাক্টিভিটি ল্যাপটপ |
| 3K | 2880 × 1620 | 16:9 | উচ্চ ঘনত্বের পাতলা ও হালকা ল্যাপটপ |
| Ultrawide FHD | 2560 × 1080 | 21:9 | এন্ট্রি আল্ট্রাওয়াইড ও মাল্টি-উইন্ডো সেটআপ |
| WQXGA | 2560 × 1600 | 16:10 | পেশাদার ও ক্রিয়েটর মনিটর |
| 5K | 5120 × 2880 | 16:9 | পেশাদার এডিটিং ও ডিজাইন ডিসপ্লে |
| 8K UHD | 7680 × 4320 | 16:9 | ফ্ল্যাগশিপ টিভি ও বিশেষায়িত ওয়ার্কস্টেশন |
স্ক্রিন রেজোলিউশন অনলাইনে কেন পরীক্ষা করবেন
অপারেটিং সিস্টেম থেকে রেজোলিউশন বের করতে কয়েকবার ক্লিক লাগে — Windows-এ Settings › System › Display বা macOS-এ System Settings › Displays — আর ফলাফল প্রায়ই বুঝতে কঠিন স্কেলিং অপশনের সঙ্গে মিশে থাকে। এই পেজ "আমার স্ক্রিন রেজোলিউশন কত?" প্রশ্নের উত্তর এক নজরে দেয়, সেই সঙ্গে ওয়েবের কাজে দরকারি মানগুলোও: ভিউপোর্ট সাইজ ও ডিভাইস পিক্সেল অনুপাত।
তাই এটি নির্দিষ্ট কিছু কাজে লাগে: ডিসপ্লে সেটিং বদলানোর পর মনিটরের কনফিগার করা রেজোলিউশন যাচাই করা, লেআউট পরীক্ষা করার সময় রেসপন্সিভ ওয়েবসাইট কী দেখছে তা জানা, রিমোট IT সাপোর্টের জন্য নিজের সেটআপ নথিবদ্ধ করা, বা সদ্য লাগানো প্রজেক্টর বা এক্সটার্নাল ডিসপ্লের কার্যকর রেজোলিউশন নিশ্চিত করা।
সাধারণ স্ক্রিন রেজোলিউশন সমস্যা
এই চেকারটি সবচেয়ে বেশি যে প্রশ্নগুলোর উত্তর দেয়:
রেজোলিউশন আমার মনিটরের স্পেকের চেয়ে কম দেখাচ্ছে
উচ্চ-রেজোলিউশন ডিসপ্লে ডিফল্টভাবে স্কেলিং চালু নিয়ে আসে। 150% স্কেলিংয়ে একটি 4K ল্যাপটপ 2560 × 1440 CSS পিক্সেল রিপোর্ট করে, 3840 × 2160 নয়। এই পেজের ফিজিক্যাল রেজোলিউশন অনুমান দেখুন — তা প্যানেলের নেটিভ রেজোলিউশনের সঙ্গে মেলা উচিত।
টেক্সট বা আইকন খুব ছোট বা খুব বড়
এটি রেজোলিউশনের নয়, স্কেলিংয়ের সমস্যা। Windows-এ Settings › System › Display › Scale খুলুন; macOS-এ System Settings › Displays দেখুন। স্কেল বদলালে রিপোর্ট করা CSS রেজোলিউশন বদলায়, ফিজিক্যাল নয়।
সবকিছু ঘোলা দেখাচ্ছে
ঘোলাভাব সাধারণত বোঝায় ডিসপ্লে নন-নেটিভ রেজোলিউশনে চলছে, বা স্কেলিং নন-ইন্টিজার অনুপাতে সেট আছে। OS ডিসপ্লে সেটিংয়ে রেজোলিউশন প্যানেলের নেটিভ মানে সেট করুন — উপরের তালিকা তা চিনতে সাহায্য করবে।
ভিউপোর্ট আমার স্ক্রিনের চেয়ে ছোট
এমনই হওয়া উচিত। ভিউপোর্ট কেবল ব্রাউজার উইন্ডোর ভেতরের পেজ এলাকা কভার করে, টুলবার, সাইডবার ও স্ক্রল বার বাদ দিয়ে। স্ক্রিন রেজোলিউশন পুরো মনিটরের বর্ণনা দেয়।
আমার দুটি মনিটর আছে এবং অপ্রত্যাশিত মান দেখছি
ব্রাউজার যে স্ক্রিনে উইন্ডোটি এখন আছে সেটিই রিপোর্ট করে। উইন্ডো অন্য মনিটরে টেনে নিন, মান স্বয়ংক্রিয়ভাবে আবার পরিমাপ হয় — দুটি ডিসপ্লে তুলনা করার এটিও দ্রুত উপায়।
রেজোলিউশন ঠিক আছে কিন্তু গেম বা ভিডিও নরম দেখাচ্ছে
ডেস্কটপ রেজোলিউশন ঠিক থাকলেই কনটেন্ট ঝকঝকে হওয়ার নিশ্চয়তা নেই। ভিডিও প্লেয়ার প্রায়ই প্যানেল রেজোলিউশনের নিচে রেন্ডার করে, আর গেম কম ইন্টারনাল রেন্ডার রেজোলিউশনে চলে পরে আপস্কেল করে। অপারেটিং সিস্টেমের ডিসপ্লে সেটিং নয়, অ্যাপের প্লেব্যাক বা গ্রাফিক্স সেটিং দেখুন।
আমার আল্ট্রাওয়াইড মনিটরে কালো পটি দেখাচ্ছে
কালো পটি সাধারণত বোঝায় কনটেন্ট, মনিটর নয়, সংকীর্ণ অনুপাতে সীমিত। 3440 × 1440 প্যানেল 16:9 ভিডিওকে ডিজাইন অনুযায়ী লেটারবক্স করবে। ব্রাউজার তবুও পূর্ণ 21:9 রেজোলিউশন রিপোর্ট করে, যা নিশ্চিত করে ডিসপ্লে সঠিকভাবে কনফিগার করা আছে।
দুটি ব্রাউজারে রিপোর্ট করা মান আলাদা
ব্রাউজার স্ক্রিনের মাত্রা ভিন্নভাবে রাউন্ড করতে পারে এবং উচ্চ-ঘনত্বের ডিসপ্লেতে নিজেদের স্কেলিং প্রয়োগ করতে পারে। একই মনিটরে দুটি ব্রাউজারই 100% জুমে থাকলে মান প্রায় মিলবে; কয়েক পিক্সেলের ছোট পার্থক্য সাধারণ রাউন্ডিং, ত্রুটি নয়।
পেজ 0 বা খালি মান দেখাচ্ছে
সাধারণত এর অর্থ পেজকে স্ক্রিন তথ্য পড়তে বাধা দেওয়া হয়েছে, বা স্ক্রিপ্ট চলতে দেওয়া হয়নি। এই অরিজিনের জন্য স্ক্রিপ্ট ব্লকিং বন্ধ করুন, সীমাবদ্ধ বা প্রাইভেট কনটেইনার থেকে বেরিয়ে আসুন এবং পেজ রিলোড করুন। এতে কোনো অনুমতির প্রম্পট নেই, তাই খালি কার্ড প্রায় সবসময়ই একটি ব্লকিং এক্সটেনশন, ব্রাউজার সেটিং নয়।
ড্রাইভার বা কেবল বদলানোর পর রেজোলিউশন বদলে গেছে
হার্ডওয়্যার বদলালে ডিসপ্লে আউটপুট আবার দর-কষাকষি করে। HDMI কেবলের বদলে DisplayPort লাগানো, বা গ্রাফিক্স ড্রাইভার আপডেট করা রিফ্রেশ রেট ও রিপোর্ট করা রেজোলিউশন রিসেট করতে পারে। অপারেটিং সিস্টেমের ডিসপ্লে সেটিংয়ে আবার নেটিভ রেজোলিউশন বেছে নিন, তারপর এখানকার মান প্রত্যাশিত প্যানেল স্পেকে ফিরে আসা উচিত।
প্রজেক্টর বা এক্সটার্নাল ডিসপ্লে ভুল দেখাচ্ছে
এক্সটার্নাল ডিসপ্লে প্রায়ই ল্যাপটপ প্যানেল মিরর করে, ফলে দুটির মধ্যে কম রেজোলিউশনটি চাপিয়ে দেওয়া হয়। ডিসপ্লে সেটিংয়ে মিররিং থেকে এক্সটেন্ডে যান, তারপর এক্সটার্নাল স্ক্রিনকে তার নেটিভ রেজোলিউশনে সেট করুন। উইন্ডো সেই ডিসপ্লেতে গেলেই এই পেজের মান আপডেট হয়, তাই পরিবর্তন সঙ্গে সঙ্গে নিশ্চিত করতে পারেন।
গোপনীয়তা ও ডেটা ব্যবস্থাপনা
🔒 এই পেজের প্রতিটি মান — স্ক্রিন সাইজ, ভিউপোর্ট, DPR, কালার ডেপথ, অরিয়েন্টেশন — আপনার ব্রাউজারেই পড়া ও দেখানো হয়। সার্ভারে কিছু পাঠানো হয় না, কিছু সংরক্ষণ হয় না, কোনো অ্যাকাউন্ট বা অনুমতি লাগে না। ট্যাব বন্ধ করলেই পরিমাপটি চলে যায়।
স্ক্রিন রেজোলিউশন চেকার — সাধারণ প্রশ্নোত্তর
আমার স্ক্রিন রেজোলিউশন কত? ▼
আপনার স্ক্রিন রেজোলিউশন উপরের টুল কার্ডের শীর্ষে দেখানো হয় — যেমন 1920 × 1080। এটি CSS পিক্সেলে আপনার স্ক্রিনের মাপ, অর্থাৎ ব্রাউজার লেআউটের জন্য যে লজিক্যাল একক ব্যবহার করে। এর নিচে আপনি আনুমানিক ফিজিক্যাল রেজোলিউশনও পাবেন, যা ডিসপ্লে স্কেলিং হিসাবে ধরে। দুটি সংখ্যা আলাদা হলে আপনার ডিসপ্লে স্কেলিং চালু রেখেই চলছে — উচ্চ-রেজোলিউশন প্যানেলে এটি স্বাভাবিক ও সুপারিশকৃত। মানগুলো লাইভ বদলাতে দেখতে ব্রাউজার উইন্ডো রিসাইজ করুন বা অন্য মনিটরে সরান।
রিপোর্ট করা রেজোলিউশন আমার মনিটরের নেটিভ রেজোলিউশনের চেয়ে কম কেন? ▼
আধুনিক উচ্চ-রেজোলিউশন ডিসপ্লে টেক্সট ও আইকন আরামদায়ক আকারে রাখতে স্কেলিং ব্যবহার করে। 150% স্কেলিংয়ে একটি 4K মনিটর 2560 × 1440 CSS পিক্সেল রিপোর্ট করে, যদিও প্যানেল ফিজিক্যালি 3840 × 2160 রেন্ডার করে। ব্রাউজারের screen.width ও screen.height সবসময় CSS পিক্সেলে হয়, তাই রিপোর্ট করা রেজোলিউশনটি স্কেল করা অর্থাৎ লজিক্যাল রেজোলিউশন। এটিকে ডিভাইস পিক্সেল অনুপাত দিয়ে গুণ করলেই ফিজিক্যাল রেজোলিউশন পাওয়া যায় — এই পেজের ফিজিক্যাল রেজোলিউশন অনুমান ঠিক তা-ই করে।
ডিভাইস পিক্সেল অনুপাত (DPR) কী? ▼
ডিভাইস পিক্সেল অনুপাত হলো একটি CSS পিক্সেল আঁকতে ব্রাউজার যতগুলো ফিজিক্যাল পিক্সেল ব্যবহার করে সেই সংখ্যা। DPR 1 মানে এক CSS পিক্সেল সমান এক ফিজিক্যাল পিক্সেল। DPR 2 — Retina ও আধুনিক ল্যাপটপে সাধারণ — মানে প্রতিটি CSS পিক্সেল 2 × 2 ফিজিক্যাল পিক্সেলের ব্লক দিয়ে আঁকা হয়, ফলে কনটেন্ট আরও স্পষ্ট দেখায়। জুম করলেও DPR বদলায়: ব্রাউজারে 125% জুম করলে রিপোর্ট করা DPR 1.25 গুণ বেড়ে যায়, তাই ফিজিক্যাল রেজোলিউশন অনুমানকে আনুমানিক বলা হয়।
স্ক্রিন রেজোলিউশন ও ভিউপোর্ট সাইজের মধ্যে পার্থক্য কী? ▼
স্ক্রিন রেজোলিউশন আপনার পুরো ডিসপ্লে — গোটা মনিটর বা ফোন স্ক্রিন — বর্ণনা করে। ভিউপোর্ট হলো ব্রাউজার উইন্ডোর ভেতরে ওয়েব পেজের দৃশ্যমান অংশ: এতে ব্রাউজার টুলবার, ইন্টারফেস বার, সাইডবার ও স্ক্রল বার থাকে না। ম্যাক্সিমাইজ করা ব্রাউজারে ভিউপোর্ট স্ক্রিনের চেয়ে কিছুটা ছোট হয়; ছোট ভাসমান উইন্ডোতে তা অনেক ছোট হতে পারে। ওয়েব ডেভেলপাররা রেসপন্সিভ লেআউট বানাতে ভিউপোর্ট সাইজ (স্ক্রিন রেজোলিউশন নয়) ব্যবহার করেন, তাই এই পেজে দুটি মান পাশাপাশি দেখানো হয়।
ফিজিক্যাল রেজোলিউশনকে "আনুমানিক" বলা হয় কেন? ▼
ফিজিক্যাল রেজোলিউশন CSS রেজোলিউশনকে ডিভাইস পিক্সেল অনুপাত দিয়ে গুণ করে পূর্ণ পিক্সেলে রাউন্ড করে হিসাব করা হয়। দুটি কারণে এটি অনুমান: ব্রাউজার জুম রিপোর্ট করা DPR বদলে দেয় — 110% জুমে DPR 2 কে 2.2 বলা হয় — এবং কিছু ব্রাউজার স্ক্রিনের মাত্রায় নিজেদের রাউন্ডিং প্রয়োগ করে। ব্রাউজার জুম 100% থাকলে এই অনুমান নিখুঁত হয়, তাই নিখুঁত রিডিং দরকার হলে জুম রিসেট (Ctrl/Cmd + 0) করে মান দেখার পরামর্শ দেওয়া হয়।
ব্যবহারযোগ্য স্ক্রিন এলাকা কী? ▼
ব্যবহারযোগ্য এলাকা হলো স্ক্রিনের সেই অংশ যা Windows টাস্কবার, macOS Dock বা মোবাইল ডিভাইসের ফিক্সড সিস্টেম বারের মতো স্থায়ী অপারেটিং সিস্টেম উপাদান দখল করে না। ডিফল্ট Windows টাস্কবারসহ একটি 1920 × 1080 স্ক্রিন 1040 পিক্সেল বা তার কম ব্যবহারযোগ্য উচ্চতা রিপোর্ট করে। অ্যাপ্লিকেশন — ম্যাক্সিমাইজ করা ব্রাউজার উইন্ডোসহ — ব্যবহারযোগ্য এলাকার ভেতরেই সাজানো হয়, তাই ম্যাক্সিমাইজ করা উইন্ডো আসলে কতটুকু জায়গা পায় তা হিসাব করতে এই সংখ্যাটিই বেশি কাজের।
আমার মনিটরের নেটিভ রেজোলিউশন কীভাবে দেখব? ▼
এই পেজ খুলে ফিজিক্যাল রেজোলিউশন অনুমানটি পড়ুন — ব্রাউজার জুম 100% থাকলে তা প্যানেলের নেটিভ রেজোলিউশনের সঙ্গে মেলে, কারণ স্কেলিং বদলাতে পারে না হার্ডওয়্যার কত পিক্সেল রেন্ডার করে। অপারেটিং সিস্টেমেও মিলিয়ে দেখতে পারেন: Windows-এ Settings › System › Display-তে গিয়ে Display resolution দেখুন (recommended এন্ট্রিটিই নেটিভ); macOS-এ System Settings › Displays খুলুন — "Default for display" অপশনটি সাধারণত নেটিভ রেজোলিউশনের সঙ্গে স্পষ্টতার জন্য স্কেলিং ব্যবহার করে।
এই স্ক্রিন রেজোলিউশন চেকার কি ফোন ও ট্যাবলেটে কাজ করে? ▼
হ্যাঁ। টুলটি কেবল স্ট্যান্ডার্ড ব্রাউজার ইন্টারফেস ব্যবহার করে, তাই ডেস্কটপের পাশাপাশি Android ও iOS ব্রাউজারেও চলে। মোবাইলে রিপোর্ট করা স্ক্রিন রেজোলিউশন সাধারণত ডিভাইসের লজিক্যাল (CSS) রেজোলিউশন — যেমন অনেক Android ফোনে 393 × 851 — আর ফিজিক্যাল রেজোলিউশন অনুমান আসল প্যানেল দেখায়। ডিভাইস ঘোরান, দেখবেন অরিয়েন্টেশন, অ্যাসপেক্ট রেশিও ও দুটি মাত্রাই রিয়েল টাইমে বদলাচ্ছে। মোবাইলে ব্যবহারযোগ্য এলাকা সিস্টেম স্টেটাস ও নেভিগেশন বার বাদ দিয়ে হিসাব হয়।
এই টুল কি বিনামূল্যে ও ব্যক্তিগত? ▼
হ্যাঁ — সম্পূর্ণ। কোনো ফি নেই, সাইন-আপ নেই, ডাউনলোড নেই, আর কতবার পরীক্ষা করবেন তারও কোনো সীমা নেই। প্রতিটি পরিমাপ আপনার ব্রাউজারেই ঘটে: পেজটি আপনার স্ক্রিন, উইন্ডো ও ডিসপ্লে সেটিং পড়ে এবং স্ক্রিনে দেখায়। কোনো স্ক্রিন ডেটা, ডিভাইস ফিঙ্গারপ্রিন্ট বা ব্যবহারের পরিসংখ্যান কোনো সার্ভারে পাঠানো হয় না, আর ট্যাব বন্ধ করার পর কিছুই সংরক্ষিত থাকে না। পেজ একবার লোড হলে আপনি এটি অফলাইনেও চালাতে পারেন।
দেখতে দেখতে মানগুলো বদলে গেল কেন? ▼
কার্ডটি ডিজাইন অনুযায়ী লাইভ আপডেট হয়। উইন্ডো রিসাইজ করলে ভিউপোর্ট বদলায়; জুম করলে ডিভাইস পিক্সেল অনুপাত এবং তাই ফিজিক্যাল অনুমান বদলায়; ফোন ঘোরালে প্রস্থ ও উচ্চতা অদল-বদল হয়; উইন্ডো দ্বিতীয় মনিটরে নিলে যে স্ক্রিনে গেল সেটি আবার পরিমাপ হয়। আপনার কোনো কাজ ছাড়াই সংখ্যা বদলালে বাইরের কোনো ঘটনা দায়ী — যেমন ডিসপ্লের স্লিপে যাওয়া, ডক করা ল্যাপটপের আউটপুট বদলানো, বা অপারেটিং সিস্টেমের অ্যাক্সেসিবিলিটির জন্য স্কেলিং স্বয়ংক্রিয়ভাবে বদলানো।
ভালো স্ক্রিন রেজোলিউশন কোনটি? ▼
এর একটিই সেরা উত্তর নেই, কারণ সঠিক রেজোলিউশন প্যানেলের আকার ও দেখার দূরত্বের উপর নির্ভর করে। বাস্তব নির্দেশনা হিসেবে, 1920 × 1080 আজও সবচেয়ে বেশি ব্যবহৃত ডেস্কটপ রেজোলিউশন, 2560 × 1440 27 ইঞ্চি ও তার চেয়ে বড় মনিটরের জন্য উপযুক্ত, আর 3840 × 2160 32 ইঞ্চি ও তার বেশি ডিসপ্লের জন্য ঠিক, যেখানে বেশি পিক্সেল ঘনত্ব সত্যিই কাজে লাগে। ল্যাপটপে অপারেটিং সিস্টেম স্কেলিংয়ের সঙ্গে মিলিত ঘন প্যানেল সাধারণত 100%-এ চলা কম রেজোলিউশনের প্যানেলের চেয়ে স্পষ্ট টেক্সট দেয়।
রেজোলিউশন ও স্ক্রিন সাইজের মধ্যে পার্থক্য কী? ▼
রেজোলিউশন পিক্সেল গোনে; সাইজ প্যানেলকে কর্ণ বরাবর ইঞ্চিতে মাপে। দুটি স্বাধীন: 24 ইঞ্চি ও 32 ইঞ্চি মনিটর দুটিই 1920 × 1080 হতে পারে, কিন্তু ছোটটি বেশি স্পষ্ট দেখাবে কারণ একই সংখ্যক পিক্সেল কম এলাকায় ঠাসা থাকে। সেই ঘনত্বকে পিক্সেল পার ইঞ্চি বলা হয়, আর টেক্সট কতটা ঝকঝকে দেখাবে তা আসলে এটিই নির্ধারণ করে — তাই উচ্চ-রেজোলিউশন ল্যাপটপ প্যানেল প্রায়ই বড় কম-রেজোলিউশন ডেস্কটপ মনিটরের চেয়ে ভালো দেখায়।
সংক্ষিপ্ত সারসংক্ষেপ
স্ক্রিন রেজোলিউশন চেকার একটি বিনামূল্যের অনলাইন টুল যা সঙ্গে সঙ্গে আপনার ডিসপ্লে তথ্য দেখায়: CSS পিক্সেলে স্ক্রিন রেজোলিউশন, আনুমানিক ফিজিক্যাল রেজোলিউশন, ব্যবহারযোগ্য স্ক্রিন এলাকা, ব্রাউজার ভিউপোর্ট, ডিভাইস পিক্সেল অনুপাত, কালার ডেপথ, কালার গ্যামুট, HDR সাপোর্ট, অরিয়েন্টেশন ও অ্যাসপেক্ট রেশিও। রিসাইজ, জুম বা ঘোরানোর সময় মান লাইভ আপডেট হয়। এটি ডেস্কটপ ও মোবাইলের যেকোনো আধুনিক ব্রাউজারে চলে, ইনস্টলেশন লাগে না, আর সবকিছু লোকালি প্রসেস করে — কোনো ডেটা আপনার ডিভাইস ছেড়ে যায় না।