Konverter piksler til rem i CSS
PX-til-rem-konvertereren regner mellom CSS-enhetene px og rem. Du kan velge rotens skriftstørrelse, skrive inn en verdi og bytte retning med knappen mellom feltene. Resultatet beregnes lokalt mens du skriver.
Formelen fra px til rem
Én rem tilsvarer den beregnede skriftstørrelsen på dokumentets rotelement, vanligvis html. Formelen er:
rem = px / rotens skriftstørrelse i px
Med en rotstørrelse på 16 px blir 24 px til:
24 / 16 = 1,5 rem
Den motsatte retningen bruker px = rem × rotstørrelse. Med samme grunnlag blir 2 rem til 32 px.
Er 1 rem alltid 16 px?
Nei. Mange nettlesere starter med en standard skriftstørrelse på 16 px, men nettsiden eller brukeren kan endre den. Hvis CSS setter html { font-size: 18px; }, tilsvarer 1 rem 18 px på siden. Kalkulatoren lar deg derfor endre grunnverdien i stedet for å anta at den alltid er 16.
En prosentbasert rotstørrelse kan også påvirke resultatet. Dersom nettleserens utgangspunkt er 16 px og rotelementet settes til 62,5 prosent, blir den beregnede størrelsen normalt 10 px. Bruk den faktiske beregnede verdien når nøyaktig omregning er viktig.
Når rem er nyttig
Rem brukes ofte for skriftstørrelser, mellomrom og komponentmål som skal skalere sammen med brukerens tekstinnstillinger. PX kan være praktisk for tynne kantlinjer, ikoner eller andre mål som følger et fast designsystem. Valget av enhet avhenger av hva som bør skalere og hvordan layouten er bygget.
Konverteringen alene garanterer ikke god tilgjengelighet eller responsivt design. Test siden med zoom, større standardtekst, små skjermer og lange tekster. Vær også oppmerksom på at CSS-pikselen er en referanseenhet og ikke nødvendigvis tilsvarer én fysisk piksel på skjermen.