कैसे इस्तेमाल करें
- अपनी unit (pt, px, mm, em या %) चुनें और size डालें।
- हर दूसरी unit और उस size का preview एक साथ देखें।
- em, rem और % के लिए base font size set करें; browser default 16 px है।
विकल्पों की जानकारी
- Points और pixels
- Point 1/72 inch है और CSS pixel 1/96 inch, इसलिए 1 pt = 4/3 px और 12 pt = 16 px।
- Millimetres
- 1 pt = 25.4 ÷ 72 ≈ 0.353 mm। यह type body का physical size है और printing पर लागू होता है।
- em, rem और percent
- Base font size का multiple। 16 px base पर 1 em = 1 rem = 100% = 16 px = 12 pt।
- Chinese size (号)
- Chinese word processors points की जगह 初号 (42 pt) से 八号 (5 pt) तक names उपयोग करते हैं; इनके बीच भी conversion कर सकते हैं।
सामान्य साइज़
| pt | px | em (16 px आधार) |
|---|---|---|
| 9 | 12 | 0.75 |
| 10.5 | 14 | 0.875 |
| 12 | 16 | 1 |
| 14 | 18.67 | 1.1667 |
| 18 | 24 | 1.5 |
| 24 | 32 | 2 |
पिक्सेल, पॉइंट और rem में वेब साइज़
ब्राउज़र के डिफ़ॉल्ट 16 px को आधार साइज़ मानकर:
| पिक्सेल | पॉइंट | rem / em | आम उपयोग |
|---|---|---|---|
| 12 px | 9 pt | 0.75 rem | कैप्शन, फ़ुटनोट |
| 14 px | 10.5 pt | 0.875 rem | छोटा टेक्स्ट, लेबल |
| 16 px | 12 pt | 1 rem | मुख्य टेक्स्ट |
| 18 px | 13.5 pt | 1.125 rem | बड़ा मुख्य टेक्स्ट, परिचय अनुच्छेद |
| 20 px | 15 pt | 1.25 rem | छोटे शीर्षक |
| 24 px | 18 pt | 1.5 rem | शीर्षक |
| 32 px | 24 pt | 2 rem | पेज के शीर्षक |
कौन-सी इकाई इस्तेमाल करें
pt (पॉइंट) प्रिंट और वर्ड प्रोसेसर के लिए हैं: 1 pt एक इंच का 1/72 है, इसलिए 12 pt का टेक्स्ट किसी भी प्रिंटर पर एक ही भौतिक आकार का होता है।
px (CSS पिक्सेल) स्क्रीन के लिए हैं: सामान्य ज़ूम पर 1 px को 1/96 इंच परिभाषित किया गया है, जिससे 12 pt बराबर 16 px होता है।
rem और em सापेक्ष हैं। 1 rem रूट फ़ॉन्ट साइज़ (आमतौर पर 16 px) है; 1 em पैरेंट एलिमेंट का फ़ॉन्ट साइज़ है। टेक्स्ट के लिए rem इस्तेमाल करने से जिन लोगों ने ब्राउज़र में बड़ा डिफ़ॉल्ट फ़ॉन्ट सेट किया है, उन्हें हर जगह बड़ा टेक्स्ट मिलता है।
मिलीमीटर छपे हुए नमूने से मिलान करने में मदद करते हैं: किसी बड़े अक्षर की ऊँचाई नापें, और मुख्य टेक्स्ट का साइज़ लगभग उसका 1.4 गुना होता है, टाइपफ़ेस के अनुसार।
अक्सर पूछे जाने वाले सवाल
12 pt कितने pixels हैं?
16 px। CSS pixels के लिए points को 4/3 से multiply या pixels को points के लिए 0.75 से multiply करें।
em और rem में क्या अंतर है?
rem root यानी html font size के अनुसार और em parent element के font size के अनुसार होता है। कहीं size न हो तो दोनों 16 px हैं।
Screen पर मापा text conversion से match क्यों नहीं करता?
CSS pixel 96 DPI की logical unit है। Physical size display density और system zoom पर निर्भर है; points और mm print में exact हैं।
प्राइवेसी
यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपकी फ़ाइलें और टेक्स्ट आपके डिवाइस पर ही प्रोसेस होते हैं और हमारे सर्वर पर कभी अपलोड नहीं होते।