पहलू अनुपात कैलकुलेटर
अनुपातों की गणना करें और आयामों को आनुपातिक रूप से स्केल करें।
स्केल करें
नई चौड़ाई या ऊँचाई दर्ज करें; दूसरा आयाम स्वचालित रूप से गणना होगा।
सामान्य आस्पेक्ट अनुपात
| अनुपात | सामान्य उपयोग | रिज़ॉल्यूशन उदाहरण |
|---|---|---|
| 16:9 | वाइडस्क्रीन, YouTube, TV | 1920x1080, 3840x2160 |
| 4:3 | क्लासिक TV, प्रस्तुतियाँ, iPad | 1024x768, 2048x1536 |
| 1:1 | Instagram पोस्ट, प्रोफ़ाइल चित्र | 1080x1080, 400x400 |
| 9:16 | TikTok, Reels, Stories, मोबाइल वीडियो | 1080x1920 |
| 21:9 | अल्ट्रावाइड स्क्रीन, सिनेमा | 2560x1080, 3440x1440 |
| 3:2 | DSLR कैमरा, Surface | 1440x960, 6000x4000 |
अक्सर पूछे जाने वाले प्रश्न
पहलू अनुपात क्या है?
पहलू अनुपात चौड़ाई और ऊँचाई के बीच आनुपातिक संबंध है। 16:9 अनुपात का अर्थ है कि हर 16 इकाई चौड़ाई के लिए, 9 इकाई ऊँचाई है, वास्तविक पिक्सेल आकार की परवाह किए बिना।
वीडियो में पहलू अनुपात क्यों महत्वपूर्ण है?
गलत अनुपात का उपयोग करने से काले बार (letterboxing/pillarboxing) या खिंचाव होता है। YouTube 16:9 का उपयोग करता है, TikTok/Reels 9:16, और Instagram पोस्ट 1:1 या 4:5 का उपयोग करते हैं।
Ratio के पीछे का Math
Aspect ratio width और height के बीच proportional relationship है, W:H जैसे 16:9, या single decimal के रूप में, 16 ÷ 9 = 1.777…, usually 1.78:1 तक rounded। दो different pixel resolutions same ratio share कर सकते हैं: 1920×1080 और 1280×720 दोनों 16:9 हैं क्योंकि दोनों same fraction पर reduce होते हैं।
किसी भी pair को simplify करने के लिए, दोनों numbers को उनके greatest common divisor से divide करें: सबसे बड़ा integer जो width और height दोनों को evenly divide करे। Full HD के लिए:
gcd(1920, 1080) = 1201920 ÷ 120 = 161080 ÷ 120 = 9- →
16:9
यह calculator हर बार जब आप कोई number change करते हैं GCD reduction run करता है, और reverse problem भी solve करता है: एक target ratio और एक known dimension दिए जाने पर, दूसरा new height = (known width × H) ÷ W से follow करता है: इसलिए 1080-wide image को 16:9 पर scale करने के लिए height 1080 × 9 ÷ 16 = 607.5 चाहिए, typically 608 तक rounded।
Rectangle का संक्षिप्त इतिहास
1891 में W.K.L. Dickson, जो Thomas Edison के लिए काम कर रहे थे, ने Kinetoscope के लिए 4:3 frame चुना क्योंकि 70mm Kodak film stock को आधा slitting करने से 35mm मिला, और प्रति frame चार sprocket holes ने वह proportion produce किया। 1925 में Paris convention ने 1.33:1 को silent-film standard के रूप में adopt किया। जब optical sound stripes image area पर encroach करने लगे, Society of Motion Picture Engineers ने 9 May 1932 को Academy ratio को 1.375:1 पर standardize किया, वह format जो अगले बीस सालों तक हर studio film ने use किया।
Early 1950s तक television cinema का lunch खा रहा था, और Hollywood ने width के साथ respond किया। Shane May 1953 में 1.66:1 में ship हुई। पांच महीने बाद 20th Century Fox ने CinemaScope में The Robe premiere किया, originally 2.55:1 (optical maximum 2.66 से reduced, चार magnetic soundtrack stripes के लिए room छोड़ने के लिए)। SMPTE ने 1957 में anamorphic projection aperture को 2.35:1 पर pin किया और 1970 में इसे 2.39:1 पर update किया ताकि splice marks कम visible हों।
16:9 भी arbitrary नहीं है। 1984 में Kerns H. Powers, SMPTE high-definition working group पर काम करते हुए, इसे geometrically derive किया: जब सभी popular cinema और TV ratios (4:3, 1.85:1, 2.35:1) के equal area rectangles concentric रूप से overlap किए जाते हैं, वे सब एक outer 1.77:1 rectangle के अंदर fit होते हैं और एक inner 1.77:1 rectangle cover करते हैं। Mathematically यह extremes का geometric mean है, √(1.33 × 2.35) ≈ 1.77। ITU-R Recommendation BT.709 ने 1990 में HDTV के लिए 16:9 को enshrine किया, और PC industry ने TVs के साथ panel manufacturing lines share करने के लिए 2009 के around 16:10 से 16:9 पर switch किया।
2026 में Common Ratios
| Ratio | Decimal | कहां दिखता है |
|---|---|---|
| 1:1 | 1.000 | वर्गाकार Instagram posts, profile pictures, album art |
| 4:5 | 0.800 | Instagram portrait feed (सर्वाधिक engagement format) |
| 2:3 | 0.667 | Pinterest standard pin, उर्ध्वाकार 35mm photo prints |
| 3:2 | 1.500 | Full-frame DSLRs, 35mm नेगेटिव, Microsoft Surface laptops |
| 16:10 | 1.600 | Older laptops, 14''/16'' MacBook Pro, many tablets |
| 16:9 | 1.778 | HDTV, आधुनिक monitors, YouTube landscape, अधिकांश laptops |
| 1.85:1 | 1.850 | Modern «flat» theatrical release |
| 1.91:1 | 1.910 | Open Graph / Facebook / LinkedIn share कार्ड्स (1200×630) |
| 2:1 | 2.000 | Univisium, कुछ streaming originals द्वारा उपयोग |
| 21:9 | 2.333* | Ultrawide monitors (*marketing label; तकनीकी रूप से 64:27 = 2.37:1) |
| 2.39:1 | 2.390 | Modern anamorphic widescreen («scope») |
2026 Social-Platform Sizes
- Instagram feed: 4:5 portrait (1080×1350) current engagement-optimised default है, यह phone पर 1:1 square से meaningfully ज़्यादा vertical screen space occupy करता है। Square (1080×1080) और 1.91:1 landscape भी accepted हैं। Stories और Reels 9:16 (1080×1920) हैं।
- TikTok: 1080×1920 पर native 9:16। Square accepted है लेकिन full-screen view पर center-cropped।
- YouTube: 16:9 horizontal (1920×1080 या 3840×2160 for 4K)। YouTube Shorts 1080×1920 पर 9:16 है।
- LinkedIn: share/link card 1200×630 (1.91:1)। Banner cover 1584×396 (4:1)। Feed posts के लिए vertical 1080×1350 (4:5) recommended है।
- Pinterest: standard pin 1000×1500 (2:3)। Pinterest का help center note करता है कि other ratios reach पर negatively impact कर सकते हैं, और roughly 1:2.1 से taller pins home feed में truncated होते हैं।
- Facebook / Open Graph: link preview 1200×630 (1.91:1) News Feed और Messenger में largest preview के लिए de-facto standard है।
Letterbox, Pillarbox, Windowbox
जब frame का aspect ratio उस surface से match नहीं करता जिस पर display होता है, तो black bars आते हैं, format इस पर depend करता है कि कौन सा dimension overflow करता है।
- Letterbox: top और bottom पर bars। Source display से wider है। 16:9 TV पर 2.39:1 movie दिखाना canonical example है। Bars roughly
1 − (1.78 / 2.39) ≈ 25%vertical space खाते हैं। - Pillarbox: left और right पर bars। Source display से narrower है। 16:9 TV पर 4:3 sitcom दिखाना classic case है।
- Windowbox: चारों sides पर bars। तब होता है जब content जो already letterboxed (या pillarboxed) है को yet another ratio के frame में scale किया जाता है।
- Pan और scan destructive alternative है: picture screen fill करने के लिए crop होती है और camera original frame पर action centered रखने के लिए «pan» करता है। यह 1980s और 90s में 4:3 VHS पर 2.35:1 films release करने का standard था, और composition cut off करने के लिए widely criticized था।
CSS aspect-ratio
Browsers CSS property ship करते हैं जो आपके लिए layout में math करती है। aspect-ratio: 16 / 9; element के preferred width-to-height shape declare करती है। जब width या height में से कम से कम एक auto हो, browser ratio को honour करने के लिए box size करता है; यदि दोनों explicit हों, ratio ignore होती है। MDN के अनुसार, property September 2021 से सभी major engines में available है और Baseline Widely available status carry करती है।
उससे पहले, standard trick padding hack (Thierry Koblentz, 2009) था: wrapper की height zero out करें और padding-bottom: 56.25% set करें, जो 9 ÷ 16 × 100 है। Percentage padding parent की width के against computed होती है, इसलिए box हर 16 units wide के लिए 9 units tall हो जाता है। Responsive YouTube embed के लिए modern equivalent एक line है:
<iframe src="…" style="width:100%; aspect-ratio: 16 / 9; border:0;"></iframe>aspect-ratio को <img> tag पर set करने से image load होने से पहले layout space भी reserve होती है, जो Cumulative Layout Shift में सबसे cheap improvements में से एक है, यह Core Web Vital जो search ranking affect करता है।
Common Mistakes
- Cropping या letterboxing की बजाय stretch करना। हर axis को independently scale करने से faces distort होते हैं और circles ovals में बदल जाते हैं। Rule: width और height को कभी अलग-अलग factors से scale न करें।
- Marketing label पर trust करना। «21:9» monitors technically 64:27 (≈ 2.37:1) हैं। «1366×768» laptop panels almost 16:9 हैं (1366÷768 = 1.7786 vs 16÷9 = 1.7778) लेकिन simplified ratio actually 683:384 है, यही कारण है कि 1080p video sometimes slightly imperfectly downscale होता है। «4K» either 3840×2160 (UHD, 16:9) या 4096×2160 (DCI cinema, ≈ 1.90:1) mean कर सकता है context पर depend करते हुए।
- Re-cropping के बाद subjects को re-center किए बिना। Dead centre compose किया 1:1 portrait को 9:16 पर re-crop करने पर head और feet lose होते हैं; 9:16 vertical को 1:1 पर re-crop करने पर hands और props lose होते हैं। Designers एक «safe area» (roughly centred 80%) के साथ shoot करते हैं जो हर common re-crop में survive करता है।
- Aspect ratio को pixel density से confuse करना। 1920×1080 और 3840×2160 एक aspect ratio share करते हैं लेकिन same physical screen पर very different sharpness produce करते हैं।
- Instagram पर grid vs feed। 4:5 post feed में full height पर display होता है लेकिन आपके profile grid पर 1:1 के लिए centre-crop होता है, इसलिए जो कुछ important है (faces, headlines, logos) को square crop में survive करना होगा।
- 16:9 को golden ratio से confuse करना। Phi (≈ 1.618) 3:2 (1.5) और 16:10 (1.6) के बीच है। Real golden rectangles TV की बजाय credit card के closer दिखते हैं।
अधिक Questions
क्या 1.91:1, 16:9 के same है?
नहीं। 16:9 1.778 है, जबकि 1.91:1 1.910 है। वे एक नज़र में similar दिखते हैं, लेकिन 1200×630 (1.91:1) पर Open Graph share cards 1920×1080 पर 16:9 video frames से slightly wider हैं। दोनों को mismatching करना social-share previews के oddly crop होने के सबसे common reasons में से एक है।
UHD 4K और DCI 4K में क्या अंतर है?
UHD 4K 3840×2160 है जिसका 16:9 (1.78:1) aspect ratio है (यही consumer TVs और अधिकांश streaming use करते हैं। DCI 4K 4096×2160 है जिसका 256:135 (≈ 1.90:1) aspect ratio है) यही RED, ARRI और Blackmagic जैसे professional cameras के लिए required digital-cinema mastering standard है। दोनों formats 256 horizontal pixels से differ करते हैं, DCI में roughly 6.7% ज़्यादा total area।
Different aspect ratio के लिए equivalent dimensions कैसे find करूं?
एक target ratio चुनें (say 16:9) और एक dimension जो fixed रखनी हो (say 1080-pixel width)। दूसरा dimension एक multiplication से follow होता है: height = 1080 × 9 ÷ 16 = 607.5, 608 तक rounded। «Scale to New Size» panel ऊपर यह automatically करता है, new width या new height change करें और matching dimension real time में compute होती है।
Monitors से 16:10 क्यों गायब हो गया?
PCs ने roughly 2003 से 2009 के बीच briefly 16:10 (1680×1050, 1920×1200) favor किया। Industry ने 2009-2010 के around 16:9 पर pivot किया क्योंकि TV manufacturers पहले से ही HDTVs के लिए volume में 16:9 LCD panels produce कर रहे थे, इसलिए monitors को same shape बनाने से सब same factory lines share कर सकते थे। 16:10 premium laptops (recent MacBook Pro 14'' और 16'' models, plus several Windows laptops) पर वापस आ गया है क्योंकि यह code और documents के लिए ज़्यादा vertical space देता है।
क्या यह entirely मेरे browser में काम करता है?
हां। Calculator JavaScript की कुछ lines है जो locally GCD और scaling formula compute करती हैं; कुछ भी server को नहीं भेजा जाता, कोई account नहीं चाहिए, और page cache होने के बाद offline काम करता है। यही Absolutool पर हर दूसरे tool पर apply होता है।