Aspect Ratio کیلکولیٹر

پکسلز، تصاویر اور اسکرینز کے لیے aspect ratio کیلکولیٹر

یہ مفت aspect ratio کیلکولیٹر چوڑائی اور اونچائی کو کامل تناسب میں رکھتا ہے تاکہ آپ کسی بھی چیز کو کھینچے یا دبائے بغیر ری سائز کر سکیں۔ کوئی ratio لاک کریں — مقبول presets جیسے 16:9، 4:3، 3:2، 1:1، 4:5، 9:16 اور 21:9 صرف ایک کلک کی دوری پر ہیں — پھر نئی چوڑائی یا اونچائی ٹائپ کریں اور دوسری قدر فوری طور پر حل ہو جائے گی۔ یہ اسکرینز اور ویڈیو کے لیے pixel aspect ratio کیلکولیٹر کے طور پر کام کرتا ہے، اور جب آپ انچ یا سینٹی میٹر میں سوچتے ہیں تو وہی حساب لاگو ہوتا ہے، جس سے یہ پرنٹ کے لیے بھی اتنا ہی مفید بن جاتا ہے۔

سب کچھ آپ کے براؤزر میں چلتا ہے۔ کوئی سائن اپ نہیں، کسی سرور کا انتظار نہیں، آپ کتنی بھی سائز چیک کریں کوئی حد نہیں، اور کسی تصویر کو اپلوڈ کرنے کی ضرورت نہیں — آپ کی تصاویر آپ ہی کے آلے پر رہتی ہیں۔ aspectratiocalculator.com یا calculateaspectratio.com کے برعکس جو صرف بنیادی حساب کرتے ہیں، یہ ٹول آپ کے صفحے پر چھوڑی گئی تصویری فائلوں سے براہِ راست تناسب بھی پڑھتا ہے۔

aspect ratio کیسے نکالیں

aspect ratio نکالنے کے لیے چوڑائی کو اونچائی پر تقسیم کریں۔ ایک 1920×1080 فریم 1.777… دیتا ہے، جو 16:9 کی اعشاری شکل ہے۔ اسے صاف مکمل عدد میں ظاہر کرنے کے لیے دونوں قدروں کو ان کے سب سے بڑے مشترکہ تقسیم کنندہ (GCD) پر تقسیم کریں — 1920 اور 1080 کا 120 مشترک ہے، جو انہیں 16:9 پر لے آتا ہے۔ یہ 16:9 aspect ratio کیلکولیٹر دونوں مراحل آپ کے لیے کرتا ہے: کوئی بھی دو ابعاد درج کریں اور یہ سادہ کیا گیا ratio، درست اعشاری قدر اور قریب ترین معیاری ratio کا نام دکھاتا ہے۔

ری سائز کرنا چاہتے ہیں؟ ratio لاک کریں، ایک طرف تبدیل کریں، اور مماثل ابعاد پڑھ لیں۔ یہ ویڈیو کو نئی resolution پر اسکیل کرنے، بینر کو کسی جگہ میں فٹ کرنے، یا کسی ڈیزائن اسپیک کو بگاڑ کے بغیر ملانے کے لیے مثالی ہے۔ لائیو بصری preview آپ کے ایڈجسٹ کرتے وقت ratio کی شکل دکھاتا ہے، لہٰذا آپ export سے پہلے ہی فوراً دیکھ سکتے ہیں کہ آپ کے ابعاد portrait ہیں، landscape ہیں یا مربع۔

تصویر سے aspect ratio حاصل کریں

یقین نہیں کہ کوئی فائل کون سا تناسب استعمال کرتی ہے؟ ٹول میں ایک تصویر چھوڑیں — یا براؤز کرنے کے لیے کلک کریں، یا Ctrl/⌘-V سے paste کریں — اور یہ تصویر کی حقیقی pixel چوڑائی اور اونچائی پڑھ کر درست ratio بتا دیتا ہے۔ یہ اسے ایک حقیقی تصویر کا aspect ratio کیلکولیٹر اور فوٹو aspect ratio کیلکولیٹر بناتا ہے: کسی screenshot کو چیک کرنے، export کے ابعاد کی تصدیق کرنے، یا Photoshop، Lightroom، Figma یا کسی اور ٹول میں ری سائز کرنے سے پہلے crop طے کرنے کے لیے مفید۔ یہاں ہر چیز کی طرح، تصویر کبھی آپ کے آلے سے باہر نہیں جاتی — Adobe Express یا Canva کے برعکس، کوئی اپلوڈ نہیں ہوتا۔

عام aspect ratios: 16:9، 4:3، 3:2، 4:5، 9:16 اور مزید

مختلف کاموں کے لیے مختلف شکلیں درکار ہوتی ہیں۔ 16:9 HD اور 4K ویڈیو، مانیٹرز اور ٹی وی کے لیے widescreen معیار ہے (1920×1080، 1280×720، 3840×2160)۔ 4:3 کلاسک standard-definition اور presentation شکل ہے (640×480، 1024×768)۔ 3:2 35 mm فوٹوگرافی اور زیادہ تر DSLR کیمروں کا اصل ratio ہے۔ 1:1 پروفائل تصاویر اور grid feeds کے لیے مربع فارمیٹ ہے۔ 4:5 (1080×1350) اور 9:16 (1080×1920) Instagram، Stories، Reels، TikTok اور YouTube Shorts کے لیے پسندیدہ portrait سائز ہیں۔ 21:9 اور اس سے زیادہ چوڑے ultrawide مانیٹرز اور سنیمائی ویڈیو کا احاطہ کرتے ہیں۔

بلٹ اِن حوالہ جدول ہر معیاری ratio کو ایک مثالی resolution کے ساتھ درج کرتا ہے — کسی بھی سطر پر کلک کر کے اسے فوری لوڈ کریں، پھر ابعاد کو اپنے پروجیکٹ کے مطابق ایڈجسٹ کریں۔ چاہے آپ کوئی thumbnail، بل بورڈ، سوشل پوسٹ یا اسکرین export سائز کر رہے ہوں، یہ aspect ratio کیلکولیٹر آن لائن آپ کو صحیح اعداد سیکنڈوں میں دیتا ہے، Photoshop، Adobe Express یا کسی ڈیزائن سافٹ ویئر کے بغیر۔

یہ دوسرے aspect ratio کیلکولیٹرز سے کیسے مختلف ہے

آن لائن زیادہ تر aspect ratio کیلکولیٹرز — بشمول aspectratiocalculator.com اور calculateaspectratio.com کے بلٹ اِن ٹولز — بنیادی ratio حساب کرتے ہیں لیکن تصویری فائلوں سے تناسب نہیں پڑھتے، انچ میں پرنٹ ابعاد کے ساتھ کام نہیں کرتے، اور ایک ہی انٹرفیس میں سوشل میڈیا presets پیش نہیں کرتے۔ Adobe کے آن لائن تصویری ٹولز سائن اِن اور cloud اپلوڈ کا تقاضا کرتے ہیں۔ Kapwing کا ratio ٹول ویڈیو ایڈیٹنگ سے بندھا ہوا ہے — ابعاد چیک کرنے کے لیے بھی آپ کو ایک پروجیکٹ بنانا پڑتا ہے۔ Google کا سرچ answer box فوری نتیجہ دیتا ہے لیکن اس میں کوئی presets، کوئی تصویر پڑھنے کی صلاحیت اور کوئی multi-format سپورٹ نہیں۔

یہ ٹول ہر خصوصیت کو ایک جگہ یکجا کرتا ہے: ratio حل کرنا، تصویر سے ratio کی شناخت، پرنٹ ابعاد، سوشل میڈیا presets، بصری preview اور custom ratio ان پٹ — یہ سب آپ کے براؤزر میں نجی طور پر چلتا ہے، بغیر کسی اکاؤنٹ، بغیر اپلوڈ، بغیر watermark اور بغیر روزانہ حد کے۔ یہ desktop، iPhone اور Android پر بغیر کوئی ایپ انسٹال کیے یکساں طور پر کام کرتا ہے۔

کسی بھی آلے پر استعمال کریں — desktop، iPhone، Android، ٹیبلٹ

یہ aspect ratio کیلکولیٹر براؤزر والے کسی بھی جدید آلے پر کام کرتا ہے۔ desktop پر، تصاویر کو براہِ راست ٹول پر drag اور drop کریں۔ iPhone اور Android پر، اپنے camera roll سے تصویر منتخب کرنے کے لیے اپلوڈ بٹن پر ٹیپ کریں اور ٹول اس کے درست pixel ابعاد پڑھ کر فوراً aspect ratio بتا دیتا ہے — کوئی ایپ انسٹال کرنے کی ضرورت نہیں، کوئی اکاؤنٹ بنانے کی ضرورت نہیں۔ انٹرفیس 375px پر چھوٹی اسکرینوں کے مطابق ڈھل جاتا ہے اور ٹیبلٹس، Chromebooks اور 4K مانیٹرز پر بھی اتنا ہی واضح دکھائی دیتا ہے۔

چونکہ ہر حساب مقامی طور پر آپ کے براؤزر میں JavaScript اور HTML Canvas API کے ذریعے ہوتا ہے، ٹول اس وقت بھی کام کرتا ہے جب آپ کا انٹرنیٹ کنکشن سست ہو یا ابتدائی صفحہ لوڈ کے بعد آف لائن ہو۔ چاہے آپ چلتے پھرتے کوئی thumbnail سائز کر رہے ہوں، کسی کلائنٹ کی جگہ پر پرنٹ اسپیسیفیکیشن ملا رہے ہوں، یا لیپ ٹاپ کے بغیر سوشل میڈیا ابعاد چیک کر رہے ہوں، یہ کیلکولیٹر آپ کو جو بھی آلہ دستیاب ہو اس پر سیکنڈوں میں درست نتائج دیتا ہے۔

سنیما اور ٹیلی ویژن میں aspect ratios کی تاریخ

4:3 ratio — جسے رسمی طور پر Academy ratio کہا جاتا ہے — پچاس سال سے زیادہ عرصے تک بصری میڈیا پر چھایا رہا۔ 1930ء کی دہائی میں Academy of Motion Picture Arts and Sciences کی جانب سے معیاری بنایا گیا، یہ سنیما اسکرینوں، پھر بننے والے ہر CRT ٹیلی ویژن، اور پھر 1990ء کی دہائی تک ابتدائی کمپیوٹر مانیٹرز کی ڈیفالٹ شکل تھا۔ اس کی تقریباً مربع شکل اتنی عام تھی کہ ناظرین اسے محض 'fullscreen' کہتے تھے۔ جب 2000ء کی دہائی کے اوائل میں DVD پر widescreen مواد آیا، تو 4:3 ٹی وی پر letterbox والی سیاہ پٹیوں نے ان عام صارفین کو واقعی الجھا دیا جنہوں نے کبھی کوئی مختلف ratio نہیں دیکھا تھا۔

widescreen کی طرف تبدیلی بلاوجہ نہیں تھی۔ 1984ء میں SMPTE کے Kerns H. Powers نے ہائی ڈیفینیشن ٹیلی ویژن کے لیے واحد مستقبل کے معیار کے طور پر 16:9 تجویز کیا، جسے اس لیے چنا گیا کہ یہ اس وقت کے عام 4:3 اور سنیمائی 2.39:1 کے درمیان geometric mean ہے — ایک ایسا مستطیل جو دونوں فارمیٹس کو دونوں اطراف تقریباً برابر ضیاع کے ساتھ letterbox یا pillarbox کر سکتا تھا۔ وہ فیصلہ ڈسپلے کی تاریخ کے سب سے بااثر فیصلوں میں سے ایک ثابت ہوا: ہر جدید HD ٹی وی، 2010ء کے بعد بکنے والا ہر کمپیوٹر مانیٹر، landscape میں پکڑا گیا ہر اسمارٹ فون، اور ہر YouTube ویڈیو بطور ڈیفالٹ 16:9 پر ہوتی ہے۔

خود سنیما کے لیے، معیار دو خاندانوں میں بٹ گیا۔ 1.85:1 flat widescreen امریکہ میں سب سے عام تھیٹری فارمیٹ ہے — ایک ہلکا widescreen جو زیادہ تر اسکرینوں پر آرام سے فٹ ہو جاتا ہے۔ 2.39:1 anamorphic widescreen (جسے دور اور print نسل کے مطابق کبھی 2.35:1 یا 2.40:1 بھی درج کیا جاتا ہے) بڑی Hollywood پروڈکشنز میں استعمال ہونے والا انتہائی چوڑا CinemaScope فارمیٹ ہے — Lawrence of Arabia، Star Wars، Blade Runner 2049۔ ایک 16:9 اسکرین پر، 2.39:1 مواد کو افقی سیاہ پٹیوں کی ضرورت ہوتی ہے جو مل کر اسکرین کی اونچائی کا تقریباً 26% خرچ کرتی ہیں، جس سے مخصوص 'letterbox' انداز بنتا ہے۔ وہ پٹیاں کوئی خرابی نہیں؛ وہ سنیما کی شکل والی تصویر کو ٹیلی ویژن کی شکل والے مستطیل میں سمونے کا ہندسی نتیجہ ہیں۔ 1:1 مربع ratio اس سلسلے کے دوسرے سرے پر ہے — کبھی ایک فنی انحراف سمجھا جاتا تھا، یہ 2010ء سے Instagram کے feed کا نمایاں فارمیٹ بن گیا اور اب پروفائل تصاویر، پروڈکٹ ٹائلز اور سوشل thumbnails کے لیے ہر جگہ موجود ہے۔

GCD الگورتھم: ratios کیسے اپنی سادہ ترین شکل میں لائے جاتے ہیں

اس کیلکولیٹر کے دکھائے گئے ہر ratio کو اس کی canonical reduced form میں ظاہر کیا جاتا ہے، جو چوڑائی اور اونچائی دونوں کو ان کے Greatest Common Divisor (GCD) پر تقسیم کر کے حساب کی جاتی ہے۔ GCD سب سے بڑا عدد صحیح ہے جو دونوں اعداد کو بغیر باقی رہے تقسیم کرتا ہے۔ اسے نکالنے کا تیز ترین طریقہ Euclidean algorithm ہے، جو بار بار بڑے عدد کو بڑے کو چھوٹے پر تقسیم کرنے کے باقی سے بدل دیتا ہے، یہاں تک کہ باقی صفر ہو جائے — اس مقام پر غیر صفر قدر GCD ہے۔ 1920 اور 1080 کے لیے: GCD(1920, 1080) ← GCD(1080, 840) ← GCD(840, 240) ← GCD(240, 120) ← GCD(120, 0) = 120۔ دونوں ابعاد کو 120 پر تقسیم کرنے سے مانوس 16:9 ملتا ہے۔

یہی وجہ ہے کہ 1920×1080، 2560×1440 اور 3840×2160 سب ایک ہی ratio لیبل رکھتے ہیں: ان کے GCD بالترتیب 120، 80 اور 240 ہیں، اور ہر ایک صاف طور پر 16:9 پر آ جاتا ہے۔ GCD کا طریقہ ان ratios کو بھی ظاہر کرتا ہے جو زیادہ کم نہیں ہو سکتے — 1280×800 سادہ ہو کر 8:5 (جسے 16:10 بھی لکھا جاتا ہے) بن جاتا ہے، وہ ratio جو 16:9 کے چھا جانے سے پہلے بہت سے پیشہ ورانہ لیپ ٹاپ ڈسپلے کو پسند تھا۔ Ultrawide مانیٹرز ratios کا دوسرا خاندان متعارف کراتے ہیں: 21:9 2560×1080 (GCD 120 ← 64:27، لیکن روایتی طور پر 21:9 کے طور پر پیش کیا جاتا ہے) اور 3440×1440 (GCD 20 ← 172:72، پھر 21:9 کے قریب) کا احاطہ کرتا ہے، جبکہ Samsung کا super-ultrawide 32:9 3840×1080 ڈسپلے میں ظاہر ہوتا ہے — ایک 16:9 پینل سے دُگنی چوڑائی اور دو مانیٹرز کے ساتھ ساتھ رکھنے کے برابر۔

جب کوئی ratio صاف چھوٹے اعداد صحیح تک کم نہیں ہوتا — جیسا کہ 2.39:1 فلم یا 1.91:1 سوشل میڈیا previews کے ساتھ ہوتا ہے — تو کیلکولیٹرز عام طور پر اعشاری قدر پیش کرتے ہیں یا قریب ترین نامزد معیار کا تخمینہ لگاتے ہیں۔ یہ ٹول دونوں دکھاتا ہے: ریاضیاتی طور پر درست reduced ratio اور قریب ترین نامزد فارمیٹ، تاکہ آپ ہمیشہ جان سکیں کہ pixel ابعاد کا جوڑا حقیقتاً معیاری ہے یا معمولی سی کمی کے ساتھ۔

CSS میں aspect ratio: padding hack سے aspect-ratio property تک

2021ء سے پہلے، responsive ویب ڈیولپرز aspect ratios کو ایک ایسے حل کے ذریعے برقرار رکھتے تھے جسے padding-top hack کہا جاتا ہے۔ کسی container عنصر پر padding-top: 56.25% سیٹ کرنے سے (کیونکہ 9 ÷ 16 = 0.5625) براؤزر padding کو عنصر کی چوڑائی کے فیصد کے طور پر شمار کرتا ہے، جس سے ایک ایسا بلاک بنتا ہے جو ہمیشہ اپنی چوڑائی کا 56.25% اونچا ہوتا ہے — ایک کامل 16:9 باکس۔ اصل مواد پھر ایک child عنصر میں position: absolute اور inset: 0 کے ساتھ رکھا جاتا تھا تاکہ padded جگہ بھر جائے۔ یہ کام کرتا تھا، لیکن یہ معنوی طور پر بدصورت تھا اور محض layout engine کو مطمئن کرنے کے لیے wrapper markup کی ضرورت ہوتی تھی۔

CSS aspect-ratio property — جو اب Chrome، Firefox، Safari اور Edge میں عالمی طور پر سپورٹڈ ہے — hack کو مکمل طور پر ختم کر دیتی ہے۔ کسی بھی عنصر پر aspect-ratio: 16 / 9 لکھنا، width: 100% کے ساتھ مل کر، ایک ایسا سیال باکس بناتا ہے جو کسی بھی viewport سائز پر اپنی شکل برقرار رکھتا ہے۔ یہ قدر ایک واحد نمبر بھی قبول کرتی ہے: aspect-ratio: 1 ایک کامل مربع بناتا ہے۔ تصاویر اور ویڈیوز کے لیے، aspect-ratio کو object-fit property کے ساتھ جوڑنا کنٹرول کرتا ہے کہ مواد باکس کو کیسے بھرے: object-fit: cover مواد کو بگاڑ کے بغیر بھرنے کے لیے crop کرتا ہے (وہ mode جو زیادہ تر سوشل میڈیا thumbnails استعمال کرتے ہیں)، object-fit: contain اسے مکمل طور پر حدود کے اندر فٹ کرنے کے لیے letterbox یا pillarbox کرتا ہے، اور object-fit: fill اسے بگاڑ سے قطع نظر container سے بالکل ملانے کے لیے کھینچتا ہے۔

ایک کم واضح لیکن اہم CSS معاملہ intrinsic aspect ratio اور Cumulative Layout Shift (CLS) ہے۔ جب براؤزر کو کوئی <img> عنصر ملتا ہے، تو اسے اس وقت تک نہیں معلوم ہوتا کہ تصویر کتنی اونچی ہے جب تک فائل ڈاؤن لوڈ ہونا شروع نہ ہو — لہٰذا رہنمائی کے بغیر یہ صفر اونچائی مختص کرتا ہے، پھر تصویر آنے پر ایک جھٹکے کے ساتھ صفحہ دوبارہ ترتیب دیتا ہے۔ حل یہ ہے کہ HTML میں ہر <img> ٹیگ میں واضح width اور height صفات شامل کی جائیں۔ جدید براؤزرز ان صفات کو intrinsic aspect ratio پہلے سے شمار کرنے اور تصویر لوڈ ہونے سے پہلے layout میں صحیح جگہ محفوظ رکھنے کے لیے استعمال کرتے ہیں، جس سے reflow مکمل طور پر ختم ہو جاتا ہے۔ یہ براہِ راست Cumulative Layout Shift (CLS) کو بہتر بناتا ہے، Google کے Core Web Vitals میٹرکس میں سے ایک جو سرچ ranking کو متاثر کرتا ہے۔ کسی source تصویر کے درست pixel ابعاد جاننا — اس کیلکولیٹر کی بنیادی پیداوار — ان صفات کو درست طریقے سے سیٹ کرنے کی پیشگی شرط ہے۔

Device pixel ratios، سوشل پلیٹ فارم اسپیکس، اور ابعاد کیوں اہم ہیں

جسمانی اسکرین پکسلز اور CSS پکسلز ایک ہی چیز نہیں ہیں۔ جدید high-density ڈسپلے کا device pixel ratio (DPR) ایک سے زیادہ ہوتا ہے، یعنی ہر CSS پکسل پر متعدد hardware پکسلز نقشہ بند ہوتے ہیں۔ ایک iPhone 15 کی جسمانی resolution 2556×1179 ہے لیکن یہ خود کو براؤزر کو 393×852 CSS پکسلز کے طور پر بتاتا ہے — تقریباً 2.88 کا DPR، جسے اکثر 3 تک گول کیا جاتا ہے۔ یہ تصویر کے سائز کے لیے اہم ہے: ایک 3× ڈسپلے پر 400×225 CSS پکسلز پر دکھائی جانے والی تصویر کو تیز نظر آنے کے لیے 1200×675 جسمانی پکسلز ہونا چاہیے۔ اس اسکرین پر 400×225 تصویر پیش کرنے سے واضح طور پر دھندلا نتیجہ نکلتا ہے۔ درست طریقہ کار یہ ہے کہ پہلے مطلوبہ CSS ابعاد شمار کریں (یہ کیلکولیٹر)، پھر متوقع DPR (زیادہ تر جدید آلات کے لیے عام طور پر 2×) سے ضرب دیں تاکہ export کرنے کے لیے اصل فائل resolution طے ہو۔

سوشل میڈیا پلیٹ فارمز ہر ایک اپنے پسندیدہ ابعاد نافذ کرتا ہے، اور اکیلے ratio لیبل سے زیادہ pixel کی گنتی اہم ہوتی ہے۔ Instagram feed تصاویر مربع پوسٹس کے لیے 1080×1080 (1:1) پر، portrait کے لیے 1080×1350 (4:5) پر — مین feed میں اجازت شدہ سب سے اونچی، اور اس لیے پسندیدہ کہ یہ صارف کے آگے اسکرول کرنے سے پہلے زیادہ عمودی اسکرین جگہ گھیرتی ہے — اور landscape کے لیے 1080×566 (1.91:1) پر بہترین render ہوتی ہیں۔ Facebook اور LinkedIn لنک preview کارڈز 1200×630 (1.91:1) استعمال کرتے ہیں۔ Twitter/X کارڈ تصاویر 1600×900 (16:9) ہوتی ہیں۔ YouTube thumbnails 1280×720 (16:9) پر بیان کیے جاتے ہیں۔ LinkedIn portrait پوسٹس 1200×1500 (4:5) پر کام کرتی ہیں۔ ان سب کو اس کیلکولیٹر کی ratio لاکنگ خصوصیت کے ذریعے سیکنڈوں میں تصدیق یا اخذ کیا جا سکتا ہے۔

Instagram پر 4:5 portrait رجحان تفصیل سے سمجھنے کے قابل ہے۔ Instagram 4:5 سے اونچی feed تصاویر کو کاٹ دیتا ہے — 9:16 پر لی گئی کوئی بھی چیز feed preview میں 4:5 تک crop ہو جاتی ہے اور صرف Stories یا Reels میں مکمل اونچائی پر چلتی ہے۔ ایک 1080×1350 تصویر ایک 1:1 مربع سے 25% زیادہ اسکرین اونچائی اور ایک 16:9 landscape پوسٹ سے تقریباً 139% زیادہ اونچائی گھیرتی ہے، یعنی اسکرول سے پہلے ناظر کی نظر کا ٹھہراؤ کا وقت کافی زیادہ ہوتا ہے — جو زیادہ تر شائع شدہ مطالعات میں زیادہ engagement کی شرح سے مطابقت رکھتا ہے۔ اس ہندسے کو سمجھنا محض ظاہری بات نہیں؛ یہی وجہ ہے کہ مواد کے حکمت ساز organic feed مواد کے لیے 1:1 کے بجائے 4:5 بیان کرتے ہیں، اور یہی وجہ ہے کہ اس کیلکولیٹر میں 4:5 ایک مخصوص preset کے طور پر شامل ہے۔