Konverter iz px u rem i em

Konvertujte između px, rem i em koristeći sopstvene osnovne i kontekstualne veličine fonta — uredite bilo koje polje i ostala dva se ažuriraju dok kucate.

Vrijednosti
Unesite px, rem ili em vrijednost — ostale dvije se ažuriraju dok kucate.

Svaka konverzija se vrši u Vašem pregledniku. Ništa što unesete ne šalje se na BroBroGo.

Česta pitanja

Koja je razlika između px, rem i em?

px je fiksna dužina. rem se mjeri u odnosu na osnovnu (root) veličinu fonta stranice, tako da pri osnovi od 16px, 1rem iznosi 16px. em se mjeri u odnosu na veličinu fonta elementa u kojem se nalazi. Određivanje veličine teksta i razmaka u rem jedinicama omogućava da se sve skalira kada čitalac promijeni podrazumijevanu veličinu fonta.

Zašto postoji odvojena em kontekstualna veličina?

em je relativan u odnosu na veličinu fonta sopstvenog elementa, koji nije uvijek osnovni (root) element. Postavite em kontekst na veličinu fonta tog elementa da biste ispravno očitali em, i držite ga jednakim osnovnom kada se ta dva poklapaju.

Šta ako moja osnovna (root) veličina fonta nije 16px?

Promijenite polje za osnovnu (root) veličinu fonta kako bi odgovaralo Vašem CSS-u i svaka rem vrijednost će se odmah ažurirati. Brza tabela ispod je koristan vodič za uobičajenu osnovu od 16px od koje većina sajtova počinje.

Napisao i pregledao urednički tim BroBroGo.Zadnji put ažurirano:

Šta radi konverter iz px u rem i em

Ovaj alat pretvara vrijednosti u pikselima (px) u root em (rem) i em jedinice, i obrnuto. Vrijednost možete unijeti u bilo koju od tri jedinice, a alat automatski izračunava i prikazuje odgovarajuće vrijednosti u preostale dvije. Uz to, možete postaviti sopstvenu osnovnu veličinu fonta i em kontekstualnu veličinu fonta, kako bi konverzije odgovarale tačno Vašem dizajnu.

Polja za unos

Alat radi sa tri polja:

  • Osnovna (root) veličina fonta (px) — broj koji predstavlja bazičnu veličinu fonta stranice u pikselima. Od ove vrijednosti zavisi koliko piksela ima jedan rem.
  • em kontekstualna veličina fonta (px) — broj koji predstavlja veličinu fonta elementa u pikselima, korišten za em konverzije.
  • Vrijednosti — broj koji predstavlja dužinu u px, rem ili em.

Kada uredite bilo koje od ova tri polja, preostala dva se ažuriraju dok kucate. Sam alat to sažima uputom: "Unesite px, rem ili em vrijednost — ostale dvije se ažuriraju dok kucate."

Rezultati i tabela uobičajenih konverzija

Kao rezultat, alat prikazuje Vašu unesenu osnovnu (root) veličinu fonta, Vašu em kontekstualnu veličinu fonta i konvertovane vrijednosti kroz sve tri jedinice odjednom — na stranici je to označeno kao "Konvertovano kroz sve tri jedinice."

Ispod polja za unos nalazi se i tabela "Uobičajene konverzije px → rem (baza 16px)", koja prikazuje uobičajene px vrijednosti pretvorene u rem, uz pretpostavku da je osnovna veličina fonta 16px.

Podrazumijevane vrijednosti, negativni brojevi i posebni slučajevi

Kada prvi put otvorite alat, i osnovna (root) veličina fonta i em kontekstualna veličina fonta postavljene su na 16px. Pri tim podrazumijevanim vrijednostima, na početku važi da je 16px jednako 1rem i jednako 1em.

Alat dozvoljava unos negativnih vrijednosti u pikselima, tako da možete konvertovati i negativne pomake ili margine.

Osnovna (root) veličina fonta i em kontekstualna veličina fonta moraju biti brojevi veći od 0 — ovo su jedina ograničenja koja alat postavlja na ta dva polja.

Ako u polje "Vrijednosti" unesete nešto što nije važeći broj, prikazuje se poruka "Unesite broj za konverziju." Ako je unos u polju "Osnovna (root) veličina fonta (px)" neispravan, prikazuje se poruka "Osnovna (root) veličina fonta mora biti broj veći od 0." Isto tako, ako je unos u polju "em kontekstualna veličina fonta (px)" neispravan, prikazuje se poruka "em kontekstualna veličina fonta mora biti broj veći od 0."

Kome je ovaj alat namijenjen

Konverter je koristan ako trebate pretvoriti fiksne px vrijednosti u relativne rem ili em jedinice radi responzivnog dizajna. Isto tako pomaže ako želite razumjeti kako različite osnovne veličine fonta utiču na rem vrijednosti, ili ako trebate izračunati em vrijednosti na osnovu veličine fonta određenog elementa. Konačno, koristan je i ako želite provjeriti da li se veličine na Vašoj stranici pravilno skaliraju kada čitalac promijeni podrazumijevanu veličinu fonta u svom pregledniku.

Privatnost obrade podataka

Svaka konverzija se izvršava u Vašem pregledniku. Ništa što unesete u polja "Osnovna (root) veličina fonta (px)", "em kontekstualna veličina fonta (px)" ili "Vrijednosti" ne šalje se na BroBroGo.

Često postavljana pitanja

Kada podesim osnovnu veličinu fonta, šta se dešava sa rem vrijednostima? Rem vrijednosti se odmah preračunavaju prema novoj osnovnoj (root) veličini fonta koju ste unijeli. Ako je alat i dalje postavljen na podrazumijevanih 16px, tabela "Uobičajene konverzije px → rem (baza 16px)" ostaje ispravan brz vodič, jer se ta tabela oslanja upravo na osnovu od 16px.

Zašto postoji posebno polje za em kontekstualnu veličinu fonta, odvojeno od osnovne veličine fonta? Zato što se em konverzije računaju u odnosu na veličinu fonta konkretnog elementa, a ne nužno u odnosu na osnovnu veličinu fonta cijele stranice. Kada su ta dva polja jednaka, i osnovna veličina fonta i em kontekstualna veličina fonta iznose isto, pa se rem i em vrijednosti pri podrazumijevanim postavkama poklapaju.

Mogu li unijeti negativnu vrijednost u pikselima? Da, alat dozvoljava negativne px vrijednosti u polju "Vrijednosti", pa možete konvertovati i negativne dužine.

Šta ako upišem tekst umjesto broja u polje "Vrijednosti"? Alat prikazuje poruku "Unesite broj za konverziju." dok ne unesete važeći broj.

Da li osnovna veličina fonta i em kontekstualna veličina fonta mogu biti 0 ili negativan broj? Ne. Oba polja moraju sadržavati broj veći od 0. U suprotnom, alat prikazuje odgovarajuću poruku o grešci za to polje.

Kalkulator za CSS clamp()Unesite veličinu za male i velike ekrane i dobićete fluidnu clamp() vrijednost koja se glatko skalira između njih — za veličine fonta, padding, margine ili razmake.Pretvarač mjernih jedinicaPretvorite dužinu, težinu, temperaturu, površinu, zapreminu i brzinu između bilo kojih jedinica, u trenu.Konverter bojaKonvertujte boje između HEX, RGB, HSL, HSV, CMYK i LAB formata — uredite bilo koje polje i ostala se ažuriraju u hodu.Kalkulator omjera širine i visinePretvorite bilo koju dimenziju širina × visina u čist omjer poput 16:9, ili odaberite omjer i dovršite stranu koja nedostaje — za videozapise, fotografije i ekrane.