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; }