Görüntü Oranı

Bu araç ne işe yarar?

Aspect Ratio hesaplayıcı, bir genişlik ve yükseklik değerinden en boy oranını (örn. 1920×1080 için 16:9), ondalık karşılığını ve padding-top yüzdesini anında hesaplar. Tasarımcılar, video editörleri ve responsive web geliştiren herkes için zaman kazandırır.

Nasıl kullanılır?

Değerlerinizi ilgili alanlara girin.
Sonuç anında hesaplanır.
Sonucu okuyun veya kopyalayın.

Oran, ondalık ve padding-top tek bakışta

Genişlik ve yüksekliği piksel olarak girdiğinizde araç, en büyük ortak böleni bularak oranı sadeleştirir (1920×1080 → 16:9), ondalık değeri (1.7778) ve CSS'te kullanılan padding-top yüzdesini (56.25%) gösterir. 16:9, 4:3, 1:1, 21:9, 3:2 ve 9:16 gibi yaygın oranlar için hazır düğmeler vardır. Küçük bir görsel önizleme de oranı gözünüzde canlandırmanıza yardımcı olur.

Ölçek hesaplayıcı ile boyut bulun

Bir tarafı sabitleyip diğerini orantılı olarak bulmak için ölçek hesaplayıcıyı kullanın. Örneğin oran 16:9 iken yeni genişliği 1280 girdiğinizde araç yüksekliği 720 olarak hesaplar; ya da bir yükseklik girip karşılık gelen genişliği bulursunuz. Bu, bir görseli veya videoyu en boy oranını bozmadan yeniden boyutlandırmak için idealdir.

Sıkça sorulan sorular

padding-top yüzdesi ne işe yarar?

Responsive CSS'te bir kutuyu sabit bir en boy oranında tutmak için kullanılır. 16:9 için padding-top: 56.25% değerini bir konteynere uygularsanız, kutu genişliği ne olursa olsun oranını korur (eski 'intrinsic ratio' tekniği).

Oran nasıl sadeleştiriliyor?

Araç, girilen genişlik ve yüksekliğin en büyük ortak bölenini (EBOB) bularak oranı en sade haline indirir. Örneğin 1920 ve 1080'in EBOB'u 120'dir, bu yüzden sonuç 16:9 olarak gösterilir.

Ondalık değer (örn. 1.7778) ne anlama gelir?

Genişliğin yüksekliğe bölümüdür ve oranın sayısal karşılığıdır. 16:9 ≈ 1.7778, 4:3 ≈ 1.3333, 1:1 = 1. Bu değer, oranları hızlıca karşılaştırmak için kullanışlıdır.