EM PX Çevirici nedir?
EM ve PX, CSS'te metin boyutlandırma, boşluk ve yerleşim için sıkça kullanılan iki birimdir. Piksel (PX) mutlak bir birimken, EM üst öğenin yazı tipi boyutuna göre değişen göreceli bir birimdir. Bu çevirici, iki birim arasındaki değerleri dönüştürerek duyarlı web siteleri oluştururken sabit ve ölçeklenebilir ölçüler arasında rahatça geçiş yapmanızı sağlar.
Nasıl kullanılır?
Önce bir dönüşüm yönü seçin — EM'den PX'e ya da PX'ten EM'ye — ardından değerinizi ve piksel cinsinden temel yazı tipi boyutunu girin. Tarayıcıların varsayılan temel yazı tipi boyutu 16px'tir ve sizin için önceden doldurulmuştur. Hesapla düğmesine tıklayın, dönüştürülmüş sonucu anında görün.
Formül açıklaması
Dönüşüm, basit bir orantı ilişkisine dayanır. EM'yi PX'e çevirmek için çarpma yaparsınız:
$$\text{px} = \text{Value (em)} \times \text{Base (px)}$$Tersine gitmek içinse bölersiniz:
$$\text{em} = \dfrac{\text{Value (px)}}{\text{Base (px)}}$$Buradaki "temel", EM değerinin göreceli olduğu yazı tipi boyutudur (piksel cinsinden).
Uygulamalı örnek
Diyelim ki 1.5em değerini 16px'lik bir temel yazı tipi boyutuyla çevirmek istiyorsunuz. \( \text{px} = \text{em} \times \text{temel} \) formülüyle: \( 1.5 \times 16 = 24 \) 24px. Tersine, \( 24 \div 16 = 1.5 \) em olur. Temeliniz bunun yerine 20px olsaydı, 1.5em değeri 30px'e eşit olurdu.
Sıkça Sorulan Sorular
Hangi temel yazı tipi boyutunu kullanmalıyım? Çoğu tarayıcı varsayılan olarak 16px kullanır. CSS'te kök (root) ya da üst öğenin font-size değerini değiştirdiyseniz, o değeri kullanın.
EM ile REM aynı şey mi? Hayır. REM her zaman kök öğenin yazı tipi boyutuna göre değişir, EM ise en yakın üst öğenin yazı tipi boyutuna göre değişir. REM dönüşümleri için kök yazı tipi boyutunuzu temel olarak kullanın.
EM neden kullanılır? EM birimleri yazı tipi boyutuyla birlikte ölçeklenir; böylece kullanıcılar varsayılan metin boyutunu değiştirdiğinde tasarımlarınız daha erişilebilir ve duyarlı hale gelir.
