REM to PX कन्वर्टर क्या है?
REM to PX कन्वर्टर एक ऐसा टूल है जो रिलेटिव em (REM) यूनिट को पिक्सेल (PX) में बदल देता है। वेब डेवलपमेंट में REM एक रिलेटिव यूनिट है, जो रूट एलिमेंट के फ़ॉन्ट साइज़ पर आधारित होती है (आम तौर पर <html> एलिमेंट), जबकि PX एक एब्सोल्यूट (निश्चित) यूनिट है। यह कन्वर्टर डेवलपर्स को स्केलेबल और एक्सेसिबल डिज़ाइन बनाए रखने में मदद करता है, साथ ही यह समझने में भी कि उनकी REM यूनिट असल में कितने पिक्सेल के बराबर हैं।
REM to PX कन्वर्टर कब इस्तेमाल करें
यह कन्वर्टर ख़ास तौर पर इन स्थितियों में काम आता है:
- जब आप रिस्पॉन्सिव वेबसाइट डिज़ाइन कर रहे हों और रिलेटिव व एब्सोल्यूट यूनिट के बीच बदलाव करना हो
- जब आप ऐसे डिज़ाइन सिस्टम के साथ काम कर रहे हों जो REM यूनिट इस्तेमाल करते हैं, लेकिन रेफ़रेंस के लिए आपको पिक्सेल वैल्यू चाहिए
- जब आप ऐसे मॉकअप से डिज़ाइन इम्प्लीमेंट कर रहे हों जिसमें माप पिक्सेल में दिए गए हों, पर आप कोडिंग REM यूनिट में करना पसंद करते हों
REM to PX की गणना कैसे करें
REM से PX में बदलने का फ़ॉर्मूला बेहद आसान है:
PX = REM × रूट फ़ॉन्ट साइज़
जहाँ:
- PX वह पिक्सेल वैल्यू है जो परिणाम के रूप में मिलती है
- REM वह रिलेटिव em वैल्यू है जिसे बदलना है
- रूट फ़ॉन्ट साइज़ html एलिमेंट का बेस फ़ॉन्ट साइज़ है (ज़्यादातर ब्राउज़र में डिफ़ॉल्ट रूप से आम तौर पर 16px)
यानी REM की वैल्यू रूट फ़ॉन्ट-साइज़ पर निर्भर करती है। इसका मतलब यह है कि अगर आप अपने CSS में <html> पर 16px फ़ॉन्ट-साइज़ सेट करते हैं, जैसे नीचे दिया गया है:
तो इसका अर्थ है कि 1rem = 16px।
उदाहरण
बेसिक REM to PX कन्वर्ज़न
डिफ़ॉल्ट रूट फ़ॉन्ट साइज़ 16px के साथ 1.5rem को पिक्सेल में बदलें।
| REM वैल्यू | रूट फ़ॉन्ट साइज़ | गणना | परिणाम |
|---|---|---|---|
| 1.5rem | 16px | 1.5 × 16 | 24px |
कई REM वैल्यू को बदलना
रूट फ़ॉन्ट साइज़ 16px के साथ 0.75rem, 2rem और 3.5rem को पिक्सेल में बदलें।
| REM वैल्यू | रूट फ़ॉन्ट साइज़ | गणना | परिणाम |
|---|---|---|---|
| 0.75rem | 16px | 0.75 × 16 | 12px |
| 2rem | 16px | 2 × 16 | 32px |
| 3.5rem | 16px | 3.5 × 16 | 56px |
कस्टम रूट फ़ॉन्ट साइज़
कस्टम रूट फ़ॉन्ट साइज़ 20px के साथ 2.5rem को पिक्सेल में बदलें।
| REM वैल्यू | रूट फ़ॉन्ट साइज़ | गणना | परिणाम |
|---|---|---|---|
| 2.5rem | 20px | 2.5 × 20 | 50px |
आम REM to PX कन्वर्ज़न टेबल
यहाँ आम REM वैल्यू को पिक्सेल में बदलने की एक रेफ़रेंस टेबल दी गई है (डिफ़ॉल्ट 16px रूट फ़ॉन्ट साइज़ के आधार पर):
| REM वैल्यू | पिक्सेल वैल्यू |
|---|---|
| 0.25 rem | 4 px |
| 0.5 rem | 8 px |
| 0.75 rem | 12 px |
| 0.875 rem | 14 px |
| 1 rem | 16 px |
| 1.125 rem | 18 px |
| 1.25 rem | 20 px |
| 1.5 rem | 24 px |
| 1.875 rem | 30 px |
| 2 rem | 32 px |
| 2.25 rem | 36 px |
| 2.5 rem | 40 px |
| 3 rem | 48 px |
| 4 rem | 64 px |
| 5 rem | 80 px |
संबंधित कैलकुलेटर
वेब डेवलपमेंट और डिज़ाइन से जुड़े और टूल देखने के लिए, इन संबंधित कैलकुलेटर को आज़माएँ:
