Convertor px în rem: px, rem, pt, em, mm
Ultima actualizare:
rem se măsoară față de această dimensiune, iar aici și em, și %. În CSS, em și % urmează elementul părinte, deci coincid cu rem doar acolo unde niciun părinte nu schimbă dimensiunea fontului.
1 px = 0,0625 remToate rezultatele
Tabel de referință rapidă: Pixel → Em rădăcină
| Valoare (px) | Rezultat (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 |
Despre px, rem și pt
CSS fixează 1 inch la 96 px, deci 1 pt, adică 1/72 de inch, înseamnă 1,333 px, iar 1 mm înseamnă 3,78 px. rem și em sunt relative: 1 rem este dimensiunea fontului elementului rădăcină, 16 px în toate browserele importante, dacă vizitatorul nu o schimbă, deci 24 px înseamnă 1,5 rem. Dacă o foaie de stil dă rădăcinii altă dimensiune, introdu-o ca bază deasupra câmpurilor. em urmează dimensiunea fontului elementului părinte, deci este egal cu rem doar acolo unde niciun părinte nu o schimbă.
Dimensiuni uzuale ale textului și ale elementelor
La baza implicită de 16 px. CSS fixează 1 inch la 96 px, deci coloanele pt și mm rămân valabile la orice bază; doar coloana rem se schimbă odată cu ea.
| Dimensiune | rem | pt | mm |
|---|---|---|---|
| Text de 10 pt (note de subsol) | 0,8333 | 10 | 3,528 |
| Dimensiunea implicită a textului într-un browser | 1 | 12 | 4,233 |
| Text de 12 pt într-un procesor de text | 1 | 12 | 4,233 |
| Titlu h2 implicit | 1,5 | 18 | 6,35 |
| Cea mai mică dimensiune a țintei în WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Titlu h1 implicit | 2 | 24 | 8,467 |
| 1 centimetru | 2,362 | 28,35 | 10 |
| 1 inch | 6 | 72 | 25,4 |
Istoria punctului și a pixelului
Literele se măsurau în puncte cu mult înainte de ecrane: turnătorii de litere aveau nevoie de o singură unitate pentru a turna litere care se aliniază. Calculatoarele au fixat punctul la 1/72 de inch.
- Pierre-Simon Fournier a publicat un tabel de mărimi de litere măsurate în puncte tipografice: scara sa împărțea inchul în 12 linii și fiecare linie în 6 puncte.
- Asociația turnătorilor de litere din Statele Unite a adoptat un sistem de puncte pentru corpurile de literă, în care nonpareil are 6 puncte și pica 12.
- Adobe a lansat PostScript, a cărui unitate de lungime pe pagină este 1/72 de inch: în cuvintele Adobe, aproximativ la fel cu punctul folosit în tipar.
- CSS 2.1 a devenit Recomandare W3C. Fixează 1 inch la 96 px și 72 pt, deci 1 px este 0,75 pt, și definește pixelul pe baza unui punct al unui ecran de 96 dpi văzut de la distanța brațului.
Surse:
- Fournier, Manuel typographique, vol. 1 (1764), pp. 130-132 (se deschide într-o filă nouă)
- The Inland Printer, vol. 4 (1886-1887) (se deschide într-o filă nouă)
- Adobe, PostScript Language Reference, 3rd edition (se deschide într-o filă nouă)
- W3C, CSS 2.1 (2011), 4.3.2 Lengths (se deschide într-o filă nouă)