DESIGN

حاسبة نسبة العرض إلى الارتفاع — تغيير حجم الصور

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

نسب العرض إلى الارتفاع الشائعة

  • 16:9: فيديو عريض، يوتيوب، شاشات سطح المكتب
  • 4:3: تلفزيون تقليدي، شاشات قديمة
  • 1:1: إنستغرام، صور الملف الشخصي
  • 9:16: رأسي للموبايل، القصص، Reels
  • 3:2: صور DSLR، فيلم 35mm

صيغة الحساب

  • الارتفاع الجديد = (العرض الجديد × الارتفاع الأصلي) / العرض الأصلي
  • العرض الجديد = (الارتفاع الجديد × العرض الأصلي) / الارتفاع الأصلي

الحفاظ على النسبة في CSS

/* الطريقة الحديثة */
.container { aspect-ratio: 16 / 9; }

/* الطريقة القديمة */
.container { padding-bottom: 56.25%; position: relative; }