كيفية الاستخدام
- اختر إعدادًا مسبقًا (9:16، 16:9، 4:5) أو أدخل نسبة مخصصة.
- أدخل إما العرض أو الارتفاع.
- احصل على البعد المفقود على الفور من خلال المعاينة المباشرة.
- انسخ كود CSS "نسبة العرض إلى الارتفاع" الذي تم إنشاؤه للتخطيط الخاص بك.
الميزات الأساسية
- TikTok/Reels (9:16): استخدم الإعدادات المسبقة العمودية للتحقق من أبعاد الفيديو الاجتماعي بسرعة.
- إنشاء نسبة العرض إلى الارتفاع لـ CSS: قم بإنشاء مقتطفات CSS حديثة "نسبة العرض إلى الارتفاع" على الفور.
- حساب البعد المفقود: حساب العرض أو الارتفاع تلقائيًا مع الحفاظ على النسبة.
- معاينة مرئية: معاينة النسبة في مستطيل سريع الاستجابة في الوقت الفعلي.
- حافظ على خصوصيته: كل شيء يعمل محليًا في متصفحك.
الأدوات ذات الصلة
أنشئ لوريم إيبسوم على هيئة نص، أو HTML <p>، أو مصفوفات JSON. محلي فقط، لا يوجد تحميلات. يتضمن نصًا نائبًا صينيًا وعناصر تحكم متغيرة الطول. أنشئ الآن.
قم بتحويل HEX وRGB وHSL وCMYK باستخدام مدقق التباين WCAG المدمج. الخصوصية المحلية فقط - لا يوجد تحميلات. احصل على قيم CMYK جاهزة للطباعة وانسخ النتائج الآن.
اختر صورة أو أسقطها أو الصقها لاختيار ألوان البكسل محليًا، وانسخ قيم HEX/RGB/HSL، وقم بإنشاء لوحة ألوان سائدة.
منطق الحساب
- الصيغة: [ H = W \times \frac{r_H}{r_W}] أو [ W = H \مرات \frac{r_W}{r_H}]
- مثال CSS: [ \النص{aspect-ratio}: \frac{16}{9}]
التعليمات
ما هي نسبة العرض إلى الارتفاع لـ TikTok وReels؟
المعيار هو 9:16 (عموديًا). الدقة الشائعة هي 1080×1920. استخدم الإعداد المسبق 9:16 للتحقق من أبعادك.
كيفية استخدام نسبة العرض إلى الارتفاع في CSS؟
استخدم "نسبة العرض إلى الارتفاع: 16/9؛". نقوم بإنشاء المقتطف والخيارات الاحتياطية المفيدة للتخطيط الخاص بك.
هل بياناتي آمنة (محلية/خصوصية)؟
نعم. الحسابات محلية فقط بدون تحميلات أو تخزين على الخادم.
هل هو مجاني؟ هل يمكنني استخدامه للعمل؟
إنه مجاني ويعمل بشكل جيد للمبدعين والفرق التي تعمل على مواءمة أبعاد الفيديو وواجهة المستخدم.
لماذا أرى اختلافات بمقدار 1-2 بكسل؟
تتطلب بعض الأبعاد التقريب إلى وحدات البكسل الكاملة. نقوم بالتقريب إلى أقرب عدد صحيح مع الحفاظ على النسبة قدر الإمكان.