px'ten rem'e çevirici: px, rem, pt, em, mm
Son güncelleme:
rem bu boyuta göre hesaplanır; burada em ve % de öyle. CSS'te ise em ve % üst öğeye bağlıdır, bu yüzden yalnızca hiçbir üst öğe yazı tipi boyutunu değiştirmediğinde rem ile aynı olur.
1 px = 0,0625 remTüm Sonuçlar
Hızlı Başvuru Tablosu: Piksel → rem (root em)
| Değer (px) | Sonuç (rem) |
|---|---|
| 1 px | 0,0625 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
px, rem ve pt Hakkında
CSS, 1 inçi 96 px olarak sabitler; bu yüzden 1/72 inç olan 1 pt, 1,333 px'e ve 1 mm, 3,78 px'e eşittir. rem ve em göreli birimlerdir: 1 rem kök yazı tipi boyutudur ve ziyaretçi değiştirmedikçe tüm büyük tarayıcılarda 16 px'tir, dolayısıyla 24 px, 1,5 rem eder. Bir stil sayfası başka bir kök boyutu belirliyorsa, bunu alanların üstündeki temel boyut olarak girin. em, üst öğenin yazı tipi boyutuna bağlıdır; bu yüzden yalnızca hiçbir üst öğe onu değiştirmediğinde rem'e eşittir.
Yaygın metin ve öğe boyutları
Varsayılan 16 px temel boyutta. CSS 1 inçi 96 px olarak sabitlediği için pt ve mm sütunları her temel boyutta aynı kalır; yalnızca rem sütunu onunla birlikte değişir.
| Boyut | rem | pt | mm |
|---|---|---|---|
| 10 pt metin (dipnotlar) | 0,8333 | 10 | 3,528 |
| Tarayıcının varsayılan metin boyutu | 1 | 12 | 4,233 |
| Kelime işlemcide 12 pt metin | 1 | 12 | 4,233 |
| Varsayılan h2 başlığı | 1,5 | 18 | 6,35 |
| WCAG 2.2'de en küçük hedef boyutu (2.5.8) | 1,5 | 18 | 6,35 |
| Varsayılan h1 başlığı | 2 | 24 | 8,467 |
| 1 santimetre | 2,362 | 28,35 | 10 |
| 1 inç | 6 | 72 | 25,4 |
Punto ve pikselin tarihi
Matbaa harfleri, ekranlardan çok önce punto ile ölçülüyordu: harf dökümcüleri aynı hizaya gelen harfler dökebilmek için tek bir birime ihtiyaç duyuyordu. Bilgisayarlar puntoyu 1/72 inç olarak sabitledi.
- Pierre-Simon Fournier, tipografik punto cinsinden ölçülmüş harf boylarının bir tablosunu yayımladı: ölçeği inçi 12 çizgiye, her çizgiyi de 6 puntoya bölüyordu.
- Amerika Birleşik Devletleri Harf Dökümcüleri Birliği (Type Founders' Association of the United States), harf gövdeleri için bir punto sistemi benimsedi; bu sistemde nonpareil 6 punto, pika ise 12 puntodur.
- Adobe, sayfadaki uzunluk birimi 1/72 inç olan PostScript'i tanıttı: Adobe'nin ifadesiyle, baskıda kullanılan puntoyla yaklaşık olarak aynı.
- CSS 2.1 bir W3C Tavsiyesi oldu. Bu standart 1 inçi 96 px ve 72 pt olarak sabitler, yani 1 px, 0,75 pt eder. Pikseli de kol mesafesinden bakılan 96 dpi bir ekranın tek bir noktasına göre belirler.
Kaynaklar: