आस्पेक्ट रेशियो कैलकुलेटर

आकार को उसके अनुपात में घटाएँ, लापता चौड़ाई-ऊँचाई निकालें या अनुपात को डिब्बे में बैठाएँ — CSS आउटपुट के साथ, तीनों दिशाओं में।

आस्पेक्ट रेशियो कैलकुलेटर पूरी तरह आपके ब्राउज़र में चलता है। आयाम आपके डिवाइस पर प्रोसेस होते हैं और कभी अपलोड नहीं होते।

निर्माण और रखरखाव: Udit Agarwal

CSS clamp() कैलकुलेटर खोलें

आस्पेक्ट रेशियो कैलकुलेटर के बारे में

आस्पेक्ट रेशियो कैलकुलेटर उन तीनों दिशाओं में काम करता है जिनसे यह सवाल आता है। चौड़ाई-ऊँचाई दें, तो वह महत्तम समापवर्तक से अनुपात घटाता है — और अहम बात, नज़दीकी मेल पहचानता है: 1366×768 बेकार 683:384 पर सिमटता है, पर कैलकुलेटर उसे “प्रभावी 16:9” भी घोषित करता है — वही जवाब जो आप चाहते थे। अनुपात और एक आयाम दें, तो दूसरा पूर्ण पिक्सेल में हल होता है। अनुपात और डिब्बा दें, तो भीतर का सबसे बड़ा माप मिलता है। हर हाल में उस अनुपात के मानक आकार (16:9 के लिए 1280×720 से 3840×2160 तक) और कॉपी-तैयार CSS मिलता है: आधुनिक aspect-ratio प्रॉपर्टी और पुराने पैटर्न वाला padding-top प्रतिशत।

विशेषताएँ

  • आयाम → सटीक अनुपात व नज़दीकी आम अनुपात
  • अनुपात + एक आयाम → दूसरा, पूर्ण पिक्सेल में
  • अनुपात + डिब्बा → भीतर सबसे बड़ा माप
  • 16:9 से 2.39:1 एनामॉर्फ़िक तक प्रीसेट
  • सम ऊँचाइयों की गारंटी वाले मानक आकार
  • CSS aspect-ratio और padding-हैक प्रतिशत

आस्पेक्ट रेशियो कैलकुलेटर का उपयोग कैसे करें

  1. दिशा चुनें: आकार → अनुपात, लापता आयाम, या डिब्बे में बैठाना
  2. जो पता है वह डालें
  3. नतीजा और उस अनुपात के मानक आकार देखें
  4. लेआउट में जाना हो तो CSS कॉपी करें

उदाहरण

इनपुट

16:9, width 1000

आउटपुट

Height 563 px · CSS: aspect-ratio: 16 / 9; · padding hack 56.25%

56.25% यानी 9÷16 — रिस्पॉन्सिव वीडियो का क्लासिक अंक।

सामान्य त्रुटियाँ और समस्या निवारण

  • 1366×768 16:9 की जगह 683:384 बनता है। — 683:384 ही सटीक जवाब है — वह रिज़ॉल्यूशन सचमुच 16:9 नहीं है। “प्रभावी 16:9” पंक्ति व्यावहारिक जवाब देती है; दोनों दिखते हैं क्योंकि दोनों सच हैं।
  • निकला आयाम विषम है और वीडियो एन्कोडर मना करता है। — H.264 और साथी सम आयाम माँगते हैं। मानक आकारों की सूची लें, जो ऊँचाइयाँ सम बनाती है, या इनपुट एक पिक्सेल खिसकाएँ।
  • 16:9 प्लेयर में 4:3 वीडियो पर काली पट्टियाँ। — यही सही बर्ताव है — 4:3 को 16:9 में बैठाने पर बग़ल की पट्टियाँ बचती हैं। पट्टियाँ हटाना यानी सामग्री काटना।

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

दी गई चौड़ाई पर 16:9 का रिज़ॉल्यूशन क्या है?
चौड़ाई को 9/16 से गुणा करें: 1280→720, 1920→1080, 2560→1440, 3840→2160। कैलकुलेटर किसी भी चौड़ाई-ऊँचाई के लिए हल करता है।
CSS में तत्व का अनुपात कैसे बनाए रखूँ?
आधुनिक तरीक़ा एक पंक्ति है: aspect-ratio: 16 / 9। पुराना पैटर्न कंटेनर को 56.25% padding-top देता है और सामग्री भीतर absolute रखता है। कैलकुलेटर दोनों देता है, आपके अनुपात से मिलाकर।
पिक्सेल कुछ और कहते हैं तो मॉनिटर 16:9 क्यों कहलाते हैं?
1366×768 जैसे पैनल 16:9 को एक प्रतिशत के भीतर छूते हैं — मार्केटिंग और फुल-स्क्रीन वीडियो के लिए काफ़ी। कैलकुलेटर सटीक अनुपात और नज़दीकी नामी अनुपात दोनों दिखाता है।
सोशल प्लेटफ़ॉर्म कौन-से अनुपात चाहते हैं?
फ़ीड वीडियो 1:1 या 4:5 की ओर, स्टोरी और शॉर्ट 9:16, आड़े अपलोड 16:9, और सिनेमाई फ़ुटेज 21:9 या 2.39:1। प्रीसेट अनुपातों के साथ लापता-आयाम मोड सटीक पिक्सेल-लक्ष्य देता है।

संबंधित टूल

  • CSS clamp() कैलकुलेटर — न्यूनतम/अधिकतम आकार और viewport चौड़ाइयों को एक फ़्लूइड CSS clamp() मान में बदलें।
  • CSS Grid जेनरेटर — एक CSS grid को विज़ुअल रूप से डिज़ाइन करें और साफ़ grid-template CSS कॉपी करें।
  • Border Radius Generator — लाइव प्रीव्यू के साथ सिंपल, पर-कॉर्नर या ब्लॉब border-radius CSS बनाएं
  • Open Graph जेनरेटर — सोशल कार्ड पूर्वावलोकन के साथ Open Graph और Twitter मेटा टैग जेनरेट करें।
  • वीडियो रीसाइज़र — Reels, YouTube, स्क्वेयर और अधिक के लिए लेटरबॉक्सिंग के साथ वीडियो रीसाइज़ करें, अपने ब्राउज़र में।
  • इमेज क्रॉपर — कोई भी भाग या स्थिर अनुपात क्रॉप कर पूर्ण रिज़ॉल्यूशन में सहेजें।

वेब और DevOps के और टूल

  • कलर पैलेट जनरेटर — मेल खाते कलर पैलेट बनाएँ: रंग लॉक करें, हार्मनी चुनें, HEX कॉपी करें और CSS, Tailwind या JSON एक्सपोर्ट करें।
  • chmod कैलकुलेटर — Unix फ़ाइल अनुमतियों को ऑक्टल और सिंबॉलिक (rwx) के बीच कन्वर्ट करें।
  • .gitignore जेनरेटर — सामान्य भाषा और टूल टेम्पलेट से .gitignore बनाएँ।
  • HTTP स्टेटस और MIME प्रकार — HTTP स्टेटस कोड और MIME कंटेंट प्रकार का खोज योग्य संदर्भ।
  • Open Graph जेनरेटर — सोशल कार्ड पूर्वावलोकन के साथ Open Graph और Twitter मेटा टैग जेनरेट करें।
  • robots.txt Generator — User-agent नियमों और sitemaps के साथ robots.txt बनाएँ।
  • XML Sitemap Generator — URL की सूची को एक मान्य sitemap.xml में बदलें।
  • .htaccess Generator — HTTPS, redirects और caching के लिए Apache .htaccess नियम बनाएँ।
  • Nginx Config Generator — सरल टॉगल से एक पूर्ण nginx server block बनाएँ।
  • Semver Calculator — semantic संस्करणों को पार्स, तुलना, range-check, increment, और coerce करें।
  • Cache-Control हेडर जनरेटर — सादे टॉगल और मानवीय समय इकाइयों से एक सही HTTP Cache-Control हेडर बनाएँ।
  • Meta टैग जेनरेटर — एक फ़ॉर्म से SEO, Open Graph, और Twitter Card meta टैग जेनरेट करें।

वेब और DevOps के सभी टूल देखें (27) · सभी टूल