इस्तेमाल करने का तरीका
- आकार बदलने के लिए अनुपात दर्ज करें (उदाहरण के लिए 16 और 9) या कोई आम अनुपात चुनें, फिर चौड़ाई या ऊँचाई लिखें। दूसरी माप की गणना हो जाएगी।
- अनुपात पता करने के लिए किसी इमेज, स्क्रीन या वीडियो की चौड़ाई और ऊँचाई दर्ज करें।
- पूर्वावलोकन देखें और वेब लेआउट के लिए ज़रूरत हो, तो CSS aspect-ratio नियम कॉपी करें।
यह कैसे काम करता है
अनुपात के अनुसार आकार बदलने का सूत्र है: ऊँचाई = चौड़ाई × अनुपात की ऊँचाई ÷ अनुपात की चौड़ाई (और इसका उलटा)। पिक्सेल आकार आम तौर पर पूर्ण संख्याएँ होते हैं, इसलिए नतीजे को पूर्णांक में बदला जा सकता है। जब अनुपात से सटीक भाग न हो—जैसे 1000 की चौड़ाई पर 16:9—तो पूर्णांक में बदली गई ऊँचाई (563) सटीक मेल नहीं, बल्कि उसका निकटतम मान होती है।
किसी आकार को उसके दोनों मानों को उनके महत्तम समापवर्तक से भाग देकर सरल किया जाता है: 1920 और 1080, दोनों 120 से विभाजित होते हैं, इसलिए अनुपात 16:9 होता है। कुछ असली आकार किसी परिचित अनुपात में सरल नहीं होते। 1366×768 ठीक 683:384 है, जो 16:9 के बहुत करीब है। इसलिए, जब अंतर 2 % के भीतर हो, तो यह टूल सबसे निकट का प्रचलित अनुपात भी दिखाता है। इसी तरह, “21:9” मॉनिटर असल में 64:27 (2560×1080) या 43:18 (3440×1440) होते हैं; 21:9 एक मार्केटिंग नाम है।
CSS में aspect-ratio: 16 / 9 किसी एलिमेंट की चौड़ाई बदलने पर भी उसका आकार इसी अनुपात में बनाए रखता है। यह वीडियो एम्बेड और इमेज प्लेसहोल्डर के लिए उपयोगी है, ताकि लोड होते समय लेआउट खिसके नहीं।
उदाहरण
वीडियो थंबनेल का आकार
1280 पिक्सेल चौड़ी 16:9 थंबनेल के लिए ऊँचाई 720 पिक्सेल होनी चाहिए।
स्क्रीन का अनुपात पहचानें
2560×1600 सरल होकर 8:5 होता है, जो 16:10 के बराबर है और लैपटॉप में आम है।
सोशल मीडिया के लिए पोर्ट्रेट क्रॉप
4:5 अनुपात और 1080 की चौड़ाई पर ऊँचाई 1350 होती है—पोर्ट्रेट आकार, जिसे कई फ़ीड स्वीकार करते हैं।
अक्सर पूछे जाने वाले सवाल
क्या 16:9 और 1.78:1 एक ही हैं?
हाँ। 16 ÷ 9 ≈ 1.778 होता है, इसलिए दोनों एक ही आकार बताते हैं। सिनेमा के फ़ॉर्मैट अक्सर दशमलव के रूप में दिए जाते हैं, जैसे 2.39:1।
मेरे नतीजे में दशमलव क्यों हैं?
हर चौड़ाई का अनुपात से पूरा-पूरा भाग नहीं होता। पिक्सेल आकारों के लिए राउंडिंग चालू करें; इससे नतीजा निकटतम पूर्ण पिक्सेल तक होगा, जो सटीक अनुपात से पिक्सेल के एक अंश जितना अलग हो सकता है।
क्या CSS aspect-ratio प्रॉपर्टी हर जगह काम करती है?
यह सभी मौजूदा प्रमुख ब्राउज़र में काम करता है। अगर किसी एलिमेंट की चौड़ाई और ऊँचाई दोनों भी स्पष्ट रूप से सेट की गई हों, तो उन्हें aspect-ratio पर प्राथमिकता मिलती है।
गोपनीयता
सभी गणनाएँ आपके ब्राउज़र में होती हैं। कोई जानकारी भेजी या संग्रहीत नहीं की जाती।