Tipografi ve Font Boyutu Dönüştürücü (PX, REM, EM, PT)
Piksel (px), REM, EM, Punto (pt) ve Yüzde (%) font birimlerini canlı görsel boyut önizlemesiyle dönüştürün.
Piksel (px) ve REM/EM arasında kolayca web ve tasarım dönüşümü yapın.
PX ile REM Dönüşümü Nasıl Hesaplanır?
CSS tasarımında erişilebilirlik ve responsive uyum için rem birimi kullanılır. 1 rem kök font büyüklüğüne (genellikle 16px) eşittir. Formül: rem = piksel / 16.
Tipografi ve Font Birimleri (PX, REM, EM, PT) Dönüştürücü Rehberi
Web ve grafik tasarımında Piksel (px), REM, EM, Nokta (pt) ve Yüzde (%) font ölçü birimleri arasında dönüşüm rehberi.
1Nasıl Kullanılır?
- 1.Dönüştürmek istediğiniz font veya boyut değerini girin.
- 2.Kök (Root) font boyutunu belirtin (varsayılan web standardı 16px'tir).
- 3.PX, REM, EM ve PT eşdeğerlerini anında hesaplayın.
2Hesaplama Yöntemi ve Formüller
Web geliştirmede responsive (duyarlı) tipografi oluşturmak için sabit piksel (px) değerleri yerine kök fonta bağlı bağıl rem veya em birimleri tercih edilir. Grafik tasarım ve baskıda ise punto (pt) kullanılır.
Çalışma Mantığı
Tarayıcı varsayılan gövde fontu 16px kabul edilir. 1 rem = 16px'dir. PT birimi için 1 pt = 1,333 px (96 DPI / 72 nokta) kuralı uygulanır.
• REM = PX / Kök Font Boyutu (Genelde 16) • PX = REM × Kök Font Boyutu • PT = PX × 0,75 • PX = PT × 1,3333
3Tipografi ve Font Birimleri (PX, REM, EM, PT) Dönüştürücü Rehberi Örnek Senaryo
24px font büyüklüğünün rem karşılığı (16px kök için):
💡 Sonuç Değerlendirmesi: • 24 / 16 = 1,5 rem (veya 18 pt) olarak hesaplanır.
⚠️Dikkat Edilmesi Gereken Önemli Hususlar
- •Kullanıcı tarayıcı ayarlarından varsayılan fontunu büyüttüğünde rem birimi kullanan siteler orantılı olarak büyür ve erişilebilirlik (a11y) standartlarını karşılar.
- •EM birimi bulunduğu üst öğenin (parent) fontuna göre kümülatif büyürken, REM doğrudan kök html fontuna bağlıdır.
Sıkça Sorulan Sorular (SSS)
Neden px yerine rem kullanılmalıdır?
REM birimi, görme engelli veya az gören kullanıcıların tarayıcı font boyutunu büyütmesine olanak tanıyarak WCAG erişilebilirlik gereksinimlerini sağlar.