PX to EM Dönüştürücü nedir?
PX to EM Dönüştürücü, piksel ölçülerini CSS'te kullanılan em birimine çevirir. Piksel (px) mutlak bir birimken, em temel yazı tipi boyutuna göre ölçeklenen göreli bir birimdir. Tasarımlarınızı em ile yapmak; öğelerin kullanıcının yazı tipi tercihleriyle birlikte ölçeklenmesini sağladığından, daha esnek ve erişilebilir düzenler oluşturmanıza yardımcı olur.
Nasıl kullanılır?
Çevirmek istediğiniz piksel değerini ve temel yazı tipi boyutunu piksel cinsinden girin. Çoğu tarayıcıda kök yazı tipi boyutu varsayılan olarak 16px'tir; bu nedenle en sık kullanılan temel değer 16'dır. Hesapla düğmesine tıklayarak em karşılığını görün.
Formül açıklaması
Dönüşüm basit bir bölme işlemine dayanır:
$$\text{EM} = \frac{\text{Pixel value (px)}}{\text{Base font size (px)}}$$Temel yazı tipi boyutunuz 16px ise; 16px değeri 1em'e, 24px değeri 1.5em'e ve 8px değeri 0.5em'e karşılık gelir. Doğru temeli seçmek çok önemlidir: em birimi, kök öğeden farklı olabilen üst öğenin yazı tipi boyutuna göre hesaplanır.
Örnek hesaplama
Diyelim ki 24px değerini 16px temel yazı tipi boyutuyla çevirmek istiyorsunuz. Formülü uygulayın: $$24 \div 16 = 1.5\,\text{em}$$ Yani 24px'lik bir başlık 1.5em'e dönüşür.
Sıkça sorulan sorular
Hangi temel yazı tipi boyutunu kullanmalıyım? Öğenin üst (parent) elemanının yazı tipi boyutunu kullanın. Kök seviyesindeki dönüşümler için tarayıcıların tipik varsayılanı olan 16px uygundur.
em ile rem arasındaki fark nedir? em, üst öğenin yazı tipi boyutuna göre hesaplanırken; rem her zaman kök (root) öğenin yazı tipi boyutuna göre hesaplanır.
Neden px yerine em kullanmalıyım? em birimi kullanıcının yazı tipi ayarlarıyla birlikte ölçeklenir; bu da erişilebilirliği ve duyarlı (responsive) tasarımı iyileştirir.
