आस्पेक्ट रेशियो कैलकुलेटर (रीसाइज़ करते समय अनुपात बनाए रखें)
लक्ष्य अनुपात और एक आयाम सेट करें; दूसरा अपने आप भर जाता है। रिवर्स दिशा भी उसी तरह काम करती है। वीडियो, फोटो क्रॉपिंग और रिस्पॉन्सिव वेब लेआउट के लिए उपयोगी।
- आस्पेक्ट रेशियो
- 16:9
- दशमलव
- 1.7778
- आयाम
- 1920 × 1080
कैसे काम करता है
आस्पेक्ट रेशियो क्या है
आस्पेक्ट रेशियो ऊँचाई के सापेक्ष चौड़ाई का वर्णन करता है: 16:9 का अर्थ है प्रत्येक 9 ऊँचाई के लिए 16 इकाई चौड़ी। एक ही अनुपात किसी भी आकार पर काम करता है — 1920×1080 और 800×450 दोनों 16:9 हैं। रीसाइज़ करते समय आस्पेक्ट रेशियो बनाए रखना इमेज को खिंचे हुए या दबे हुए दिखने से रोकता है।
हम अनुपात के लिए पूर्णांक (16:9) या दशमलव (1.78:1) स्वीकार करते हैं। कोई भी फील्ड संपादित करें — अनुपात बनाए रखने के लिए बाकी अपडेट होते हैं। CSS calc() एक्सप्रेशन या वीडियो संपादन टूल में उपयोग के लिए दशमलव अनुपात (चौड़ाई / ऊँचाई) दिखाया जाता है।
सामान्य अनुपात और उनका उपयोग
16:9 — आधुनिक HDTV, कंप्यूटर मॉनिटर, YouTube, 2009 के बाद की अधिकांश फिल्में। आज आप जो कुछ भी करते हैं उसके लिए लगभग डिफ़ॉल्ट।
9:16 — Instagram Stories, TikTok, YouTube Shorts के लिए वर्टिकल वीडियो। फोन-फर्स्ट कंटेंट के लिए 16:9 का उल्टा।
1:1 — वर्गाकार। 2021 तक Instagram फ़ीड डिफ़ॉल्ट। एल्बम कवर, प्रोफाइल फोटो।
4:3 — HD से पहले के पुराने TV और कंप्यूटर मॉनिटर।
3:2 — DSLR कैमरा डिफ़ॉल्ट। 35mm फिल्म।
21:9 — अल्ट्रावाइड सिनेमाटिक। एनामॉर्फिक रूप से शूट की गई फिल्में।
CSS aspect-ratio क्यों मायने रखती है
आधुनिक CSS में aspect-ratio: 16/9; है — अनुपात सेट करें और ब्राउज़र को चौड़ाई से ऊँचाई (या इसके विपरीत) गणना करने दें। पुरानी padding-bottom हैक से बचता है और रिस्पॉन्सिव एम्बेड और इमेज प्लेसहोल्डर के लिए जरूरी है।
Cumulative Layout Shift (CLS) एक Core Web Vital है। एम्बेडेड वीडियो, बिना आयाम की इमेज सभी CLS का कारण बन सकते हैं — स्पष्ट width/height सेट करके या CSS aspect-ratio का उपयोग करके ठीक करें।
अक्सर पूछे जाने वाले प्रश्न
›16:9 और 1.78:1 में क्या अंतर है?
एक ही अनुपात, अलग नोटेशन। 16/9 = 1.778। कोलन रूप TV/वेब में पारंपरिक है; दशमलव रूप सिनेमा में।
›मैं CSS में आस्पेक्ट रेशियो कैसे बनाए रखूँ?
aspect-ratio प्रॉपर्टी का उपयोग करें: img { aspect-ratio: 16/9; width: 100%; height: auto; }। इमेज कंटेनर की चौड़ाई भरती है और ऊँचाई अनुपात बनाए रखने के लिए समायोजित होती है।
›4:3 TV पर मेरा वीडियो गलत क्यों दिखता है?
अधिकांश आधुनिक वीडियो 16:9 हैं। 4:3 डिस्प्ले पर, वे या तो लेटरबॉक्स (काली पट्टियाँ), पिलर-बॉक्स, या खिंचे हुए दिखते हैं।
›क्या मैं गैर-पूर्णांक अनुपात का उपयोग कर सकता हूँ?
हाँ — 1.5 या 2.39 टाइप करें। कैलकुलेटर उन्हें दशमलव के रूप में मानता है।
›'पिक्सल आस्पेक्ट रेशियो' क्या है?
एक अलग अवधारणा: एकल पिक्सल का आकार। आधुनिक डिस्प्ले वर्गाकार पिक्सल (1:1) का उपयोग करते हैं। यह कैलकुलेटर डिस्प्ले आस्पेक्ट रेशियो संभालता है।
›'सिनेमाटिक' लुक क्या है?
21:9 (अधिक सटीक रूप से 2.39:1 या 2.40:1) — HDTV से चौड़ा। आधुनिक ब्लॉकबस्टर में सामान्य।
›Instagram Reel/TikTok 9:16 क्यों उपयोग करता है?
क्योंकि फोन आमतौर पर लंबवत पकड़े जाते हैं। 9:16 कंटेंट से पूरे फोन स्क्रीन को भरता है।
›क्या डेटा मेरे ब्राउज़र से बाहर जाता है?
नहीं। गणना स्थानीय रूप से चलती है।
संबंधित टूल्स
अंतिम अपडेट: