Ile to jest px w rem?
Przy domyślnej bazie 16 pikseli 24 px to 1,5 rem, a 1 rem to 16 px. Kalkulator przelicza w obie strony przy dowolnym bazowym rozmiarze czcionki i podaje tę samą wartość w punktach oraz w procentach.
Wzór i przykład
rem = px ÷ baza, a w drugą stronę px = rem × baza
- Przeliczamy nagłówek o rozmiarze 24 px.
- Baza to domyślne 16 px.
- Dzielimy: 24 ÷ 16 = 1,5 rem.
- W punktach: 24 × 0,75 = 18 pt.
- W procentach: 1,5 razy 100 = 150%.
| Piksele | Rem przy bazie 16 | Punkty | Procenty |
|---|---|---|---|
| 8 px | 0,5 | 6 | 50% |
| 12 px | 0,75 | 9 | 75% |
| 16 px | 1 | 12 | 100% |
| 24 px | 1,5 | 18 | 150% |
| 32 px | 2 | 24 | 200% |
| 1600 px | 100 | 1 200 | 10 000% |
Gęstość pikseli samego ekranu policzysz kalkulatorem PPI, a rozmiar zdjęcia do wydruku kalkulatorem rozdzielczości do druku.
Najczęstsze pytania
Ile to jest 24 px w rem?
Przy domyślnej bazie 16 pikseli to 1,5 rem. Wystarczy podzielić liczbę pikseli przez rozmiar czcionki elementu głównego.
Ile pikseli ma 1 rem?
Domyślnie 16, bo taki rozmiar czcionki mają przeglądarki po instalacji. Jeśli użytkownik zwiększy go w ustawieniach na 20, to 1 rem będzie miał 20 pikseli, a układ strony rozciągnie się proporcjonalnie.
Czym różni się rem od em?
Rem zawsze odnosi się do elementu głównego dokumentu, a em do rozmiaru czcionki najbliższego rodzica. Przy zagnieżdżonych listach em kumuluje się z poziomu na poziom, a rem daje tę samą wartość niezależnie od głębokości.
Po co pisać rozmiary w rem zamiast w px?
Bo rozmiar podany w pikselach nie reaguje na powiększenie czcionki ustawione przez użytkownika w przeglądarce. Ta sama strona zapisana w rem urośnie razem z tym ustawieniem i pozostanie czytelna dla osób słabowidzących.
Jak przeliczyć px na punkty?
Pomnóż przez 0,75. Czcionka 16 pikseli to 12 punktów, a 24 piksele to 18 punktów. Ta zamiana nie zależy od bazy, bo obie jednostki są zdefiniowane przez cal.