px থেকে rem কনভার্টার: px, rem, pt, em, mm
সর্বশেষ আপডেট:
rem এই সাইজের সাপেক্ষে মাপা হয়, আর এখানে em ও %-ও। CSS-এ এগুলো প্যারেন্ট এলিমেন্টকে অনুসরণ করে, তাই কোনো প্যারেন্ট ফন্ট সাইজ না বদলালেই কেবল এগুলো rem-এর সমান হয়।
1 px = 0.0625 remসমস্ত ফলাফল
দ্রুত রেফারেন্স টেবিল: পিক্সেল → rem (রুট em)
| মান (px) | ফলাফল (rem) |
|---|---|
| 1 px | 0.0625 rem |
| 8 px | 0.5 rem |
| 10 px | 0.625 rem |
| 12 px | 0.75 rem |
| 14 px | 0.875 rem |
| 16 px | 1 rem |
| 18 px | 1.125 rem |
| 20 px | 1.25 rem |
| 24 px | 1.5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
px, rem ও pt সম্পর্কে
CSS ১ ইঞ্চিকে ৯৬ px-এ স্থির করে, তাই ১ pt, যা ১/৭২ ইঞ্চি, সমান ১.৩৩৩ px এবং ১ mm সমান ৩.৭৮ px। rem ও em আপেক্ষিক একক: ১ rem হলো রুট ফন্ট সাইজ, দর্শক না বদলালে সব প্রধান ব্রাউজারে যা ১৬ px, তাই ২৪ px সমান ১.৫ rem। কোনো স্টাইলশিট অন্য রুট সাইজ ঠিক করলে সেটি ঘরগুলোর ওপরের বেসে লিখুন। em প্যারেন্ট এলিমেন্টের ফন্ট সাইজ অনুসরণ করে, তাই কোনো প্যারেন্ট সেটি না বদলালেই কেবল তা rem-এর সমান হয়।
সাধারণ টেক্সট ও এলিমেন্টের সাইজ
ডিফল্ট বেস 16 px ধরে। CSS 1 ইঞ্চিকে 96 px-এ স্থির করে, তাই pt ও mm কলাম যেকোনো বেসে একই থাকে; শুধু rem কলাম বেসের সঙ্গে বদলায়।
| সাইজ | rem | pt | mm |
|---|---|---|---|
| 10 pt টেক্সট (ফুটনোট) | 0.8333 | 10 | 3.528 |
| ব্রাউজারের ডিফল্ট টেক্সট সাইজ | 1 | 12 | 4.233 |
| ওয়ার্ড প্রসেসরে 12 pt টেক্সট | 1 | 12 | 4.233 |
| ডিফল্ট h2 শিরোনাম | 1.5 | 18 | 6.35 |
| WCAG 2.2 (2.5.8)-এ সবচেয়ে ছোট টার্গেট সাইজ | 1.5 | 18 | 6.35 |
| ডিফল্ট h1 শিরোনাম | 2 | 24 | 8.467 |
| 1 সেন্টিমিটার | 2.362 | 28.35 | 10 |
| 1 ইঞ্চি | 6 | 72 | 25.4 |
পয়েন্ট ও পিক্সেলের ইতিহাস
পর্দার অনেক আগে থেকেই টাইপ মাপা হতো পয়েন্টে: হরফ-ঢালাইকারীদের দরকার ছিল একটিই একক, যাতে ঢালাই করা হরফগুলো এক সারিতে ঠিকঠাক মেলে। কম্পিউটার পয়েন্টকে ১/৭২ ইঞ্চিতে স্থির করেছে।
- পিয়ের-সিমঁ ফুর্নিয়ে টাইপোগ্রাফিক পয়েন্টে মাপা টাইপ-আকারের একটি সারণি প্রকাশ করেন; এর স্কেলে ইঞ্চিকে ১২ লাইনে এবং প্রতিটি লাইনকে ৬ পয়েন্টে ভাগ করা হয়েছিল।
- যুক্তরাষ্ট্রের হরফ-ঢালাইকারী সমিতি হরফের বডির জন্য পয়েন্ট পদ্ধতি গ্রহণ করে, যাতে নন-প্যারেল (nonpareil) ৬ পয়েন্ট এবং পাইকা ১২ পয়েন্ট।
- Adobe PostScript চালু করে, যাতে পাতার ওপর দৈর্ঘ্যের একক ১/৭২ ইঞ্চি: Adobe-র ভাষায়, ছাপায় ব্যবহৃত পয়েন্টের প্রায় সমান।
- CSS 2.1 W3C-র সুপারিশ হয়ে ওঠে। এটি ১ ইঞ্চিকে ৯৬ px ও ৭২ pt-তে স্থির করে, তাই ১ px হলো ০.৭৫ pt, আর পিক্সেলের মাপ ধরা হয়েছে এক হাত দূর থেকে দেখা ৯৬ dpi পর্দার একটি বিন্দু থেকে।
সূত্র: