पिक्सेल कन्वर्टर

पिक्सेल कन्वर्टर क्या है?

पिक्सेल कन्वर्टर डिजिटल पिक्सेल और वास्तविक-दुनिया की लंबाई इकाइयों (मिलीमीटर, सेंटीमीटर, इंच) के बीच आपके चुने हुए किसी भी DPI पर अनुवाद करता है। CSS पिक्सेल डिफ़ॉल्ट रूप से 96 DPI मानते हैं, लेकिन प्रिंट कार्य में 300 DPI और फ़ोटो प्रिंट में 600 DPI तक का उपयोग होता है — अलग-अलग DPI मानों पर वही पिक्सेल संख्या बहुत अलग भौतिक आकारों में बदल जाती है। चार में से किसी भी इकाई में मान टाइप करें, अपने संदर्भ से मेल खाने वाला DPI प्रीसेट चुनें, और बाकी तीन इकाइयाँ रीयल टाइम में अपडेट हो जाएँगी। हर परिणाम क्लिपबोर्ड से बस एक क्लिक दूर है।

पिक्सेल कन्वर्टर का उपयोग कैसे करें

1. वह मान इनपुट फ़ील्ड में टाइप करें जिसे आप परिवर्तित करना चाहते हैं — उदाहरण के लिए, 100।
2. वह इकाई चुनें जिसमें आपका मान है: पिक्सेल, मिलीमीटर, सेंटीमीटर या इंच।
3. एक DPI प्रीसेट चुनें — वेब के लिए 96 DPI, प्रिंट के लिए 300 DPI, या अपना DPI दर्ज करने के लिए "Custom" चुनें।
4. नीचे दिए गए परिणाम पैनल में बाकी तीन इकाइयों के परिवर्तित मान पढ़ें।
5. किसी भी परिणाम के बगल में Copy पर क्लिक करके उसे क्लिपबोर्ड पर रखें, या URL साझा करें — आपका इनपुट क्वेरी पैरामीटर के रूप में बना रहता है।

पिक्सेल कन्वर्टर का उपयोग कौन करता है

• छात्र: पिक्सेल-से-मिलीमीटर रूपांतरण से जुड़ा गणित और भौतिकी होमवर्क, साथ ही कंप्यूटर ग्राफ़िक्स पाठ्यक्रमों में स्क्रीन-रिज़ॉल्यूशन अभ्यास।
• वेब और UI डिज़ाइनर: भौतिक मॉकअप मापन (मिमी) से आइकन, पैडिंग और कंपोनेंट को सही संदर्भ DPI पर CSS पिक्सेल में आकार देना।
• प्रिंट डिज़ाइनर: प्रिंटर को भेजने से पहले Photoshop या Figma के पिक्सेल एक्सपोर्ट को 300 DPI पर मिलीमीटर और इंच में परिवर्तित करना।
• फ़ोटोग्राफर: कैमरा आउटपुट से भौतिक प्रिंट आयाम की गणना (उदा. 4000 × 3000 px पर 300 DPI से 13.3 × 10 इंच का प्रिंट)।
• डेवलपर: उत्पाद या एक्सेसिबिलिटी विनिर्देशों में निर्दिष्ट भौतिक आकारों के विरुद्ध CSS पिक्सेल मानों का सत्यापन।

यह कन्वर्टर क्यों

• जैसे ही आप टाइप करते हैं, चारों इकाइयाँ (पिक्सेल, मिलीमीटर, सेंटीमीटर, इंच) रीयल टाइम में अपडेट होती हैं।
• पाँच बिल्ट-इन DPI प्रीसेट सामान्य मामलों को कवर करते हैं — 96 DPI वेब, 72 DPI Mac लीगेसी, प्रिंट के लिए 150/300/600 DPI।
• गैर-मानक डिस्प्ले (Retina, हाई-DPI मॉनिटर) और विशेष प्रिंट वर्कफ़्लो के लिए कस्टम DPI इनपुट।
• साझा करने योग्य URL — आपका मान, स्रोत इकाई और DPI क्वेरी पैरामीटर के रूप में बने रहते हैं।
• 100% ब्राउज़र-आधारित: कोई साइन-अप नहीं, परिणाम पैनल में कोई विज्ञापन नहीं, और गणित ओपन सोर्स है।

कन्वर्टर कितना सटीक है?

कन्वर्टर मानक 25.4 मिलीमीटर-प्रति-इंच अनुपात और आपके द्वारा निर्दिष्ट DPI का उपयोग करता है, जिसकी गणना IEEE 754 डबल प्रिसिज़न में की जाती है। परिणाम फ़्लोट राउंडिंग के भीतर सटीक होते हैं (≤1×10⁻⁶ सापेक्ष त्रुटि)। वास्तविक-दुनिया की अशुद्धि का एकमात्र स्रोत DPI मान स्वयं है — यदि आपका डिस्प्ले वास्तव में अनुमानित DPI पर नहीं चलता है, तो पहले Screen Ruler टूल से कैलिब्रेट करें।

अक्सर पूछे जाने वाले प्रश्न

पिक्सेल क्या है?

पिक्सेल किसी डिजिटल डिस्प्ले या इमेज की सबसे छोटी अलग इकाई है। इसका भौतिक आकार स्थिर नहीं है — यह स्क्रीन की पिक्सेल घनत्व (DPI) पर निर्भर करता है। 96-DPI वेब डिस्प्ले पर एक पिक्सेल बिल्कुल 1/96 इंच (लगभग 0.265 मिमी) होता है; 300-DPI प्रिंट पर एक पिक्सेल 1/300 इंच (लगभग 0.085 मिमी) होता है।

DPI क्या है और यह क्यों महत्वपूर्ण है?

DPI (डॉट्स प्रति इंच) पिक्सेल और भौतिक लंबाई के बीच रूपांतरण कारक है। वही 100 px 96 DPI पर 26.46 मिमी में बदलता है, लेकिन 300 DPI पर केवल 8.47 मिमी। रूपांतरण को भौतिक रूप से सार्थक बनाने के लिए आपको लक्षित माध्यम — स्क्रीन, प्रिंट या एक्सपोर्ट — का DPI उपयोग करना होगा।

मैं पिक्सेल को मिलीमीटर में कैसे परिवर्तित करूँ?

इंच पाने के लिए पिक्सेल संख्या को DPI से विभाजित करें, फिर मिलीमीटर पाने के लिए 25.4 से गुणा करें: मिमी = (px / DPI) × 25.4। 96 DPI पर 100 px के लिए: 100/96 × 25.4 ≈ 26.46 मिमी। कन्वर्टर यह आपके लिए रीयल टाइम में करता है।

वेब के लिए 72 या 96 DPI में से कौन सा उपयोग करूँ?

96 DPI का उपयोग करें। CSS, ब्राउज़र और ऑपरेटिंग सिस्टम 1990 के दशक में 96 संदर्भ पिक्सेल प्रति इंच पर मानकीकृत हो गए थे। 72 DPI मान शुरुआती Apple टाइपोग्राफ़ी (एक पिक्सेल = एक प्रिंटर पॉइंट) से एक विरासत है और केवल विशिष्ट Mac-युग की संपत्तियों के लिए उपयोगी है — आधुनिक वेब कार्य 96 मानता है।

प्रिंट के लिए कौन सा DPI उपयोग करूँ?

उच्च गुणवत्ता वाले मैगज़ीन और बुक प्रिंट के लिए 300 DPI, ड्राफ़्ट प्रूफ़ और लार्ज-फ़ॉर्मेट कार्य के लिए 150 DPI, और केवल फ़ोटो प्रिंट, बारीक लाइन आर्ट या भारी आवर्धन के तहत टेक्स्ट के लिए 600 DPI का उपयोग करें। सामान्य कार्य के लिए 300 DPI से ऊपर जाने पर फ़ाइल आकार बढ़ता है, लेकिन अधिकांश कागज़ों पर कोई दृश्य सुधार नहीं होता।

Retina/हाई-DPI रूपांतरण को कैसे प्रभावित करता है?

Retina और अन्य हाई-DPI डिस्प्ले हर CSS पिक्सेल के लिए दो या तीन भौतिक पिक्सेल रेंडर करते हैं। कन्वर्टर डिफ़ॉल्ट रूप से CSS पिक्सेल में काम करता है, इसलिए 96 DPI पर 100 CSS px किसी भी हाई-DPI स्क्रीन के लिए सही है। यदि आपको भौतिक पिक्सेल संख्या चाहिए, तो डिवाइस पिक्सेल अनुपात (ब्राउज़र में window.devicePixelRatio) से गुणा करें।

मेरा वेब डिज़ाइन 4K मॉनिटर पर छोटा क्यों दिखता है?

अधिकांश ऑपरेटिंग सिस्टम 4K मॉनिटर को 150–200% स्केलिंग पर चलाते हैं, जो CSS पिक्सेल को दृश्य रूप से 1080p डिस्प्ले के समान रखता है। यदि स्केलिंग बंद है, तो आपका डिज़ाइन भौतिक रूप से छोटा दिखेगा क्योंकि वही पिक्सेल संख्या कम वास्तविक इंच कवर करती है। OS सेटिंग्स में DPI स्केलिंग समायोजित करें, या निश्चित px के बजाय rem/percent इकाइयों का उपयोग करें।

DPI गहन विश्लेषण — एक ही बार में सही संख्या चुनें

हर पिक्सेल-से-लंबाई रूपांतरण एक ही समीकरण है: लंबाई = पिक्सेल ÷ DPI। कठिन हिस्सा है उस DPI को चुनना जो आपके आउटपुट के माध्यम से मेल खाता हो। गलत DPI त्रुटि नहीं देता — यह चुपचाप एक संख्या उत्पन्न करता है जो गणितीय रूप से सही और भौतिक रूप से गलत हो। नीचे दिए प्रीसेट 95% वास्तविक कार्य कवर करते हैं।

Web कार्य — हमेशा 96 DPI

CSS, ब्राउज़र और ऑपरेटिंग सिस्टम ने 1990 के दशक के अंत में प्रति इंच 96 संदर्भ पिक्सेल पर मानकीकरण किया और यह संख्या तब से नहीं बदली। हर आधुनिक ब्राउज़र भौतिक डिस्प्ले की परवाह किए बिना 1 CSS पिक्सेल को 1/96 इंच के रूप में मानता है। Retina और 4K मॉनिटर अधिक भौतिक घनत्व पर रेंडर करते हैं लेकिन OS CSS पिक्सेल को 96 DPI संदर्भ पर वापस स्केल करता है, इसलिए आपका गणित मान्य रहता है। 72 DPI को लीगेसी मानें — यह केवल तब मायने रखता है जब आप OS-X-पूर्व Mac से संपत्तियां खींच रहे हों।

Print कार्य — 150, 300, या 600 DPI

अधिकांश पत्रिकाएं, किताबें और उपभोक्ता फोटो प्रिंट 300 DPI का उपयोग करते हैं। ड्राफ्ट प्रूफ और बड़े-फॉर्मेट कार्य के लिए 150 DPI पर गिरें जहां देखने की दूरी रिज़ॉल्यूशन हानि को छुपा देती है; यह फ़ाइल आकार आधा करता है और एक मीटर से अभी भी तीक्ष्ण दिखता है। 600 DPI पर तभी जाएं जब प्रिंट को निकट से जांचा जाएगा — सूक्ष्म लाइन आर्ट, तकनीकी चित्रांकन, चमकदार कागज़ पर छोटा पाठ। 600 DPI से आगे जाने पर लगभग कभी भी दृश्य गुणवत्ता नहीं सुधरती और डिस्क बर्बाद होती है।

Retina और HiDPI — CSS पिक्सेल में कार्य करें

Retina डिस्प्ले हर CSS पिक्सेल के लिए दो या तीन भौतिक पिक्सेल रेंडर करता है, लेकिन OS इसे आपके कोड से छुपा देता है। लेआउट गणित के लिए CSS पिक्सेल (96 DPI) पर ही टिके रहें। यदि आपको वास्तविक भौतिक पिक्सेल गिनती चाहिए — उदाहरण के लिए जब ऐसी बिटमैप संपत्तियाँ भेज रहे हों जो हर डिवाइस पर साफ़ दिखनी चाहिए — रनटाइम पर window.devicePixelRatio से गुणा करें और @2x या @3x संस्करण भेजें। पिक्सेल कन्वर्टर डिफ़ॉल्ट रूप से इनपुट को CSS पिक्सेल मानता है; Custom DPI बॉक्स पर तभी टिक करें जब आपने वास्तव में किसी ज्ञात डिस्प्ले की भौतिक पिक्सेल घनत्व मापी हो।

सामान्य रूपांतरण पैटर्न

कुछ पिक्सेल मान इतनी बार आते हैं कि याद रखने योग्य हैं। नीचे की तालिका दिखाती है कि 100 px, 1000 px, और एक विशिष्ट फुल HD चौड़ाई (1920 px) चार सबसे सामान्य DPI मानों पर क्या बनते हैं।

डेवलपर्स के लिए व्यावहारिक सुझाव

पहले DevTools में सत्यापित करें

किसी रूपांतरण पर भरोसा करने से पहले, कंसोल में window.matchMedia('(min-resolution: 96dpi)').matches टाइप करके पुष्टि करें कि ब्राउज़र 96 संदर्भ DPI रिपोर्ट कर रहा है। सही ढंग से कॉन्फ़िगर किए गए सिस्टम पर यह true लौटाता है। यदि यह false लौटाता है, तो आपका OS स्केलिंग या ज़ूम स्तर डिफ़ॉल्ट नहीं है और रूपांतरण को समायोजन की आवश्यकता है।

हमेशा लक्ष्य DPI पर निर्यात करें

Photoshop, Figma, और अधिकांश डिज़ाइन उपकरण डिफ़ॉल्ट रूप से कैनवास DPI पर निर्यात करते हैं। निर्यात से पहले अपने लक्ष्य माध्यम पर कैनवास DPI सेट करें — 96-DPI कैनवास को 300 DPI पर निर्यात करने से छवि वास्तव में अपसैंपल नहीं होती; यह केवल मेटाडेटा को री-लेबल करता है और इच्छित भौतिक आकार के एक तिहाई पर प्रिंट करता है।

जमीनी सत्य के लिए स्क्रीन कैलिब्रेट करें

यदि आपका कार्य भौतिक सटीकता पर निर्भर करता है — स्क्रीन के विरुद्ध हाथ से पकड़ी वस्तु मापना, ज्ञात क्रेडिट कार्ड चौड़ाई पर आइकन का आकार निर्धारित करना — पहले Screen Ruler टूल खोलें और असली क्रेडिट कार्ड के विरुद्ध कैलिब्रेट करें। आपकी स्क्रीन का वास्तविक DPI शायद ही कभी स्पेक शीट से मेल खाता है; कैलिब्रेशन रूपांतरण को भौतिक वास्तविकता से बांध देता है।