EM PX Dönüştürücü nedir?
EM PX Dönüştürücü, CSS'teki em birimlerini mutlak piksel değerlerine çevirir. CSS'te em göreli bir birimdir: 1em, öğenin üst öğesinin yazı tipi boyutuna eşittir (yazı tipi dışındaki özelliklerde ise öğenin kendi boyutuna). Tarayıcılar varsayılan olarak 16px'lik bir kök yazı tipi boyutu kullandığı için 1em genellikle 16px'e karşılık gelir — ancak kesin değer seçtiğiniz temel yazı tipi boyutuna bağlıdır.
Nasıl kullanılır?
Önce dönüştürmek istediğiniz em değerini, ardından piksel cinsinden temel yazı tipi boyutunu girin. Çoğu tarayıcı varsayılan olarak 16px kullandığından bu değer baştan doldurulmuş gelir. Hesapla düğmesine tıklayarak piksel karşılığını görün. Bu, piksel cinsinden verilen tasarım değerlerini em ile yazılmış stil sayfalarıyla eşleştirirken oldukça pratiktir.
Formülün açıklaması
Dönüşüm basit bir çarpma işlemidir:
$$\text{PX} = \text{EM value} \times \text{Base font size (px)}$$
Örneğin, 16px temelde 1.5em şuna eşittir: \(1.5 \times 16 = 24\text{px}\). Ters yönde gitmek için pikseli temele bölün: \(\text{px} \div \text{temel} = \text{em}\).
Örnek hesaplama
Diyelim ki bir başlık 2.5em olarak ayarlandı ve temel yazı tipi boyutu 16px. Piksel boyutu \(2.5 \times 16 = 40\text{px}\) olur. Eğer temel boyut 18px olsaydı, aynı 2.5em değeri \(2.5 \times 18 = 45\text{px}\) olarak görüntülenirdi — em'in temel boyutla nasıl ölçeklendiğini bu örnek net biçimde gösteriyor.
Sık sorulan sorular
1em her zaman 16px midir? Yalnızca temel yazı tipi boyutu tarayıcının varsayılanı olan 16px olduğunda. Bir üst öğenin veya kök öğenin yazı tipi boyutu farklıysa, 1em de buna göre değişir.
em ile rem arasındaki fark nedir? rem her zaman kök (html) yazı tipi boyutuna görelidir; em ise en yakın yazı tipi boyutu bağlamına görelidir ve bu da basamaklanarak birikebilir.
px yerine neden em kullanılır? Em birimleri kullanıcının yazı tipi boyutu tercihleriyle birlikte ölçeklenir; bu da erişilebilirliği artırır ve duyarlı (responsive) tipografiyi sürdürmeyi kolaylaştırır.
