EM to PX कन्वर्टर क्या है?
EM और PX दो आम यूनिट हैं जिनका इस्तेमाल CSS में टेक्स्ट का साइज़, स्पेसिंग और लेआउट तय करने के लिए होता है। पिक्सेल (PX) एक एब्सोल्यूट यूनिट है, जबकि EM अपने पैरेंट एलिमेंट के फ़ॉन्ट साइज़ के सापेक्ष (रिलेटिव) होती है। यह कन्वर्टर इन दोनों के बीच वैल्यू बदल देता है, ताकि रिस्पॉन्सिव वेबसाइट बनाते समय आप फ़िक्स्ड और स्केलेबल माप के बीच आसानी से आगे-पीछे जा सकें।
इसे कैसे इस्तेमाल करें
सबसे पहले कन्वर्ज़न की दिशा चुनें — EM से PX या PX से EM — फिर अपनी वैल्यू और बेस फ़ॉन्ट साइज़ पिक्सेल में डालें। ब्राउज़र का डिफ़ॉल्ट बेस फ़ॉन्ट साइज़ 16px होता है, जो आपके लिए पहले से भरा हुआ है। कैलकुलेट पर क्लिक करें और बदला हुआ नतीजा तुरंत देखें।
फ़ॉर्मूला समझें
यह कन्वर्ज़न एक सीधा अनुपातिक रिश्ता है। EM को PX में बदलने के लिए गुणा करें:
$$\text{px} = \text{em} \times \text{base}$$उल्टी दिशा में जाने के लिए भाग दें:
$$\text{em} = \dfrac{\text{px}}{\text{base}}$$यहाँ base वही फ़ॉन्ट साइज़ (पिक्सेल में) है जिसके सापेक्ष EM वैल्यू तय होती है।
उदाहरण के साथ समझें
मान लीजिए आप 1.5em को 16px बेस फ़ॉन्ट साइज़ के साथ बदलना चाहते हैं। px = em × base के हिसाब से:
$$1.5 \times 16 = 24\ \text{px}$$इसी तरह उल्टा करें तो \(24\ \text{px} \div 16 = 1.5\ \text{em}\)। अगर आपका बेस 20px होता, तो 1.5em बराबर 30px होता।
अक्सर पूछे जाने वाले सवाल
मुझे कौन-सा बेस फ़ॉन्ट साइज़ इस्तेमाल करना चाहिए? ज़्यादातर ब्राउज़र का डिफ़ॉल्ट 16px होता है। अगर आपने CSS में रूट या पैरेंट का font-size बदला है, तो वही वैल्यू इस्तेमाल करें।
क्या EM और REM एक ही चीज़ हैं? नहीं। REM हमेशा रूट एलिमेंट के फ़ॉन्ट साइज़ के सापेक्ष होती है, जबकि EM सबसे नज़दीकी पैरेंट के फ़ॉन्ट साइज़ के सापेक्ष होती है। REM कन्वर्ज़न के लिए अपने रूट फ़ॉन्ट साइज़ को बेस के रूप में इस्तेमाल करें।
EM का इस्तेमाल आख़िर करें ही क्यों? EM यूनिट फ़ॉन्ट साइज़ के साथ स्केल होती हैं, जिससे जब यूज़र अपना डिफ़ॉल्ट टेक्स्ट साइज़ बदलते हैं, तब डिज़ाइन ज़्यादा एक्सेसिबल और रिस्पॉन्सिव बना रहता है।
