حاسبة الوقت

أدخل أي عرض وارتفاع للعثور على نسبة الأبعاد المبسطة باستخدام طريقة القاسم المشترك الأعظم (GCD).

على سبيل المثال، 1920x1080 تبسط إلى 16:9، و2560x1440 تبسط إلى 16:9 أيضاً.

تعرض حاسبتنا أيضاً النسبة العشرية للرجوع إليها بسرعة.

16:9 هي نسبة الشاشة العريضة القياسية المستخدمة لدقات HD و Full HD و 4K و 8K.

تشمل دقات 16:9 الشائعة ما يلي:

• 1280x720 (HD)
• 1920x1080 (Full HD)
• 2560x1440 (QHD)
• 3840x2160 (4K UHD)
• 7680x4320 (8K)

أدخل أي عرض لحساب الارتفاع المطابق 16:9 فورا.

كل منصة من منصات وسائل التواصل الاجتماعي لديها نسب أبعاد موصى بها:

• يوتيوب (16:9، 9:16 للفيديوهات القصيرة Shorts)
• إنستغرام (1:1 مربع، 4:5 عمودي، 9:16 للقصص/الريلز)
• تيك توك (9:16)
• تويتر/X (16:9، 2:1 للترويسة)
• فيسبوك (1.91:1 للروابط، 9:16 للقصص)

استخدم الإعدادات المسبقة لمنصتنا للحصول على أبعاد البكسل الدقيقة.

نسبة الأبعاد هي العلاقة التناسبية بين عرض الصورة وارتفاعها، وتكتب كرقمين يفصل بينهما نقطتان، مثل 16:9.

وهي تعمل عن طريق التعبير عن العرض والارتفاع كأصغر نسبة عدد صحيح، والتي يتم العثور عليها عن طريق قسمة كلا البعدين على القاسم المشترك الأعظم (GCD) لهما. صورة بدقة 1920x1080 لها قاسم مشترك أعظم يبلغ 120، لذا يتم تبسيطها إلى 16:9.

نسبة الأبعاد مستقلة عن الدقة: كلاً من 1280x720 و 3840x2160 تشتركان في نسبة 16:9 على الرغم من الاختلاف الكبير في عدد البكسلات. وكما تحدد معايير البث SMPTE و ITU-R BT.709، فإن النسبة تحكم الشكل بينما تحكم الدقة التفاصيل، ولهذا السبب يجب مراعاة الاثنين بشكل منفصل عند إعداد وسائط الإعلام.

للعثور على البعد المفقود، قم بضرب أو قسمة البعد المعروف على القيمة العشرية للنسبة.

إذا كنت تعرف العرض وتريد الارتفاع لصورة بنسبة 16:9، اقسم العرض على 16 واضربه في 9: عرض 1600 بكسل يعطي 1600/16x9 = 900 بكسل. للعثور على العرض من الارتفاع، اعكس العملية: اضرب الارتفاع في 16 واقسامه على 9.

الشكل العشري (16/9 = 1.778) يجعل التحجيم سريعاً، نظراً لأن العرض يساوي دائماً الارتفاع مضروباً في النسبة العشرية. هذه هي نفس العمليات الحسابية المستخدمة في تخطيط CSS، حيث تتيح خاصية aspect-ratio الموثقة بواسطة وثائق ويب MDN للمتصفحات حجز شكل المربع الصحيح قبل تحميل الصورة، مما يمنع انزياح التخطيط.

تستخدم التصوير الفوتوغرافي والأفلام مجموعة متميزة من نسب الأبعاد المنفصلة عن معايير الشاشة.

تلتقط معظم كاميرات DSLR والكاميرات بدون مرآة نسبة 3:2 (1.5)، الموروثة من فيلم 35 ملم، بينما تستخدم مستشعرات Micro Four Thirds نسبة 4:3.

تعتمد السينما على تنسيقات أوسع: 1.85:1 (مسطح) و 2.39:1 (anamorphic scope) وهما المعياران المسرحيان اللذان تحددهما SMPTE، وتتقارب نسبة 21:9 مع الشاشات العريضة السينمائية للمشاهدة المنزلية.

تتبع أحجام الطباعة منطقاً مختلفاً؛ تستخدم سلسلة ISO 216 A (A4، A3) نسبة 1:1.414 (الجذر التربيعي لـ 2) بحيث يؤدي تنصيف الورقة إلى الحفاظ على نسبها.

معرفة نسبة المصدر يمنع الاقتصاص غير المرغوب فيه عند نقل صورة بين الكاميرا، الشاشة، والورق.

إن تغيير نسبة الأبعاد للصورة دون مطها يتطلب إما القص أو إضافة أشرطة، وليس مجرد تغيير حجم البُعدين بشكل غير متساوٍ.

يقوم القص بتهذيب البكسلات من الحواف للوصول إلى الشكل المستهدف، مما يضحي بالمحتوى ولكنه يملأ الإطار. بينما تحافظ الأشرطة السوداء الأفقية (Letterboxing) أو الأشرطة العمودية (Pillarboxing) على الصورة بأكملها عبر حشو المساحة الفارغة، وهي الطريقة التي تستخدمها الجهات المذيعة وفقاً لمعايير العرض ITU-R لعرض محتوى بنسبة 4:3 على شاشات بنسبة 16:9.

على النقيض من ذلك، يؤدي المط إلى فرض أبعاد غير متطابقة ويشوه الوجوه والدوائر بشكل ملحوظ.

عندما تضطر إلى التحويل، عليك أن تقرر ما إذا كانت سلامة المحتوى (الأشرطة السوداء) أو الإطار الكامل (القص) هي الأهم، واحتسب الأبعاد الدقيقة للحشو أو القص قبل التصدير.

بالنسبة لتصميم الويب، يجب تحديد نسبة الأبعاد في ملفات CSS بدلاً من أحجام البكسل الثابتة لكي تتكيف الصور بسلاسة عبر مختلف الأجهزة.

تتيح لك خاصية CSS aspect-ratio الحديثة، الموثقة في مستندات MDN Web Docs وكجزء من مواصفات W3C CSS، إعلان aspect-ratio: 16 / 9 على الحاوية، مما يحجز مساحة ويلغي تحول التخطيط التراكمي (CLS)، وهو مقياس ضمن مؤشرات الأداء الأساسية للويب (Core Web Vitals) التي تتابعها جوجل.

تشمل نسب الويب الشائعة ما يلي:

• نسبة 16:9 لفيديوهات العرض الرئيسية
• نسبة 4:3 أو 1:1 للصور المصغرة والبطاقات
• نسبة 3:2 لصور المقالات

احرص دائماً على دمج النسبة المُعلنة مع وحدات متجاوبة بحيث يتكيف نفس الكود من شاشات الهواتف العمودية إلى شاشات الحواسيب العريضة دون أبعاد صلبة.

اختر نسبة أبعاد الشاشة بناءً على عبء العمل الأساسي لديك بدلاً من الاكتفاء بالخيار الأرخص.

• تناسب نسبة 16:9 الفيديو والألعاب وهي تقريباً المعيار الشامل للشاشات
• توفر نسبة 16:10 مساحة عمودية إضافية يفضلها المبرمجون ومستندات النصوص
• تحل الشاشات فائقة الاتساع بنسبة 21:9 (2560x1080، 3440x1440) محل إعداد الشاشات المزدوجة لتحرير الجداول الزمنية والجداول الحسابية
• تذهب الشاشات فائقة الاتساع جداً بنسبة 32:9 إلى أبعد من ذلك لمحاكاة البرامج والتداول

تحدد منظمة VESA وصناعة العروض هذه التنسيقَات حول دقة اللوحات الشائعة، لذا فإن مطابقة نسبة المحتوى لديك مع اللوحة يتجنب ظهور الأشرطة السوداء. للاستخدام المزدوج، توفر نسبة 16:10 أو 21:9 عموماً أكثر مساحة عمل مرنة مقابل السعر.

تؤثر نسب الأبعاد الصحيحة بشكل مباشر على ظهور المحتوى في نتائج البحث والمعاينات الاجتماعية، مما يجعلها جزءاً عملياً من تحسين محركات البحث التقني (Technical SEO).

تظهر معاينات Open Graph وTwitter Card بشكل أفضل بنسبة 1.91:1 لصور الروابط، بينما يتم قص الأبعاد غير المتطابقة بشكل غير متوقع في موجز المنشورات.

في نتائج البحث، توصي إرشادات صور البيانات المنظمة من جوجل بتوفير نسب أبعاد متعددة (16:9، 4:3، و1:1) لكي يتمكن محرك البحث من اختيار أفضل قص لكل مساحة عرض. أما في الصفحة، فإن إعلان نسب الصور يمنع تحول التخطيط الذي يضر بمؤشرات الأداء الأساسية للويب (Core Web Vitals).

لذلك، فإن ضبط النسبة بشكل صحيح عند التصدير يحسن من مظهر النقر عبر منصات التواصل الاجتماعي ومن استقرار الصفحة الذي تمنحه خوارزميات الترتيب تقديراً إيجابياً.

يتمثل الخطأ الأكثر شيوعاً في نسبة الأبعاد في تغيير حجم العرض والارتفاع بشكل مستقل، مما يؤدي إلى مط الصورة وتشوه كل شكل بداخلها؛ احرص دائماً على قفل النسبة عند تغيير الحجم.

• يتمثل خطأ آخر في الخلط بين النسبة والدقة: فالبعدان 1280x720 و1920x1080 يبدوان بنفس الشكل تماماً لأن كلاهما بنسبة 16:9، وبالتالي فإن زيادة عدد البكسلات لا تغير النسبة.
• ينسى آخرون أن التحويل بين النسب يتطلب قصاً أو حشواً وليس ضغطاً، وأن تقريب بُعد محسوب إلى بكسل غير صحيح قد يتسبب في حدوث عيب بصري بحواف البكسل الواحد.
• أخيراً، فإن رفع النسبة الخاطئة إلى منصات مثل يوتيوب أو إنستغرام يطلق آلياً أشرطة سوداء أو قصاً تلقائياً، لذا احرص على مطابقة النسبة المستهدفة قبل التصدير بدلاً من الاعتماد على المنصة لإصلاح ذلك.