Ce face acest convertor
Acest instrument convertește valori exprimate în pixeli (px) în valori echivalente în rem și em, și invers. Introduceți o valoare în oricare dintre cele trei unități, iar convertorul calculează și afișează automat echivalentul în celelalte două unități. Puteți seta atât dimensiunea fontului de bază (root), cât și dimensiunea fontului de context pentru em, astfel încât conversiile să corespundă exact configurației dumneavoastră de design.
Câmpul Valori și actualizarea pe măsură ce tastați
Interfața afișează un câmp numit "Valori", unde introduceți lungimea pe care doriți să o convertiți. Odată ce editați oricare dintre câmpurile pentru px, rem sau em, celelalte două se actualizează pe măsură ce tastați — exact ce spune indicația de sub câmp: "Introduceți o valoare în px, rem sau em — celelalte două se vor actualiza pe măsură ce tastați." Rezultatul este descris ca fiind "Convertit în toate cele trei unități", deci nu este nevoie de niciun buton suplimentar pentru a vedea echivalențele.
Dacă introduceți în acest câmp un text care nu reprezintă un număr valid, apare mesajul "Introduceți un număr pentru a realiza conversia." Instrumentul acceptă și valori negative în px, care se convertesc după aceeași logică precum valorile pozitive.
Dimensiunea fontului de bază (root)
Câmpul "Dimensiune font de bază (px)" reprezintă dimensiunea în pixeli a fontului rădăcină al paginii dumneavoastră. Această valoare este cea care determină cât valorează un rem: implicit, dimensiunea fontului de bază este de 16px, iar la pornire 16px este egal cu 1rem și cu 1em. Dacă proiectul dumneavoastră folosește o altă dimensiune de bază, modificați acest câmp la aceeași valoare, iar toate conversiile în rem se recalculează pentru a reflecta acel context.
Dimensiunea fontului de bază trebuie să fie un număr mai mare decât 0; altfel, instrumentul afișează mesajul "Dimensiunea fontului de bază (root) trebuie să fie un număr mai mare decât 0."
Dimensiunea fontului de context pentru em
Spre deosebire de rem, unitatea em nu se raportează la fontul rădăcină, ci la dimensiunea fontului elementului din care face parte valoarea respectivă. Din acest motiv, instrumentul are un câmp separat — "dimensiune font context em (px)" — în care introduceți dimensiunea în pixeli a fontului acelui element specific. Când acest context coincide cu dimensiunea de bază, valorile em și rem pornesc egale; când elementul are un font propriu, diferit de cel de bază, setați contextul em la acea valoare pentru ca rezultatul în em să fie corect pentru elementul respectiv.
Ca și în cazul fontului de bază, dimensiunea fontului de context em trebuie să fie un număr mai mare decât 0; în caz contrar apare mesajul "Dimensiunea fontului de context em trebuie să fie un număr mai mare decât 0."
Tabelul de conversii frecvente
Sub câmpurile de conversie, pagina afișează "Conversii frecvente px → rem (bază de 16px)" — un tabel care listează valori uzuale în pixeli împreună cu echivalentul lor în rem, calculat pentru o dimensiune de bază de 16px. Acest tabel este util ca punct de referință rapid atunci când lucrați cu proiecte care păstrează dimensiunea implicită de 16px pentru fontul rădăcină.
Confidențialitatea datelor introduse
Fiecare conversie rulează în browserul dumneavoastră. Nimic din ceea ce introduceți nu este încărcat pe BroBroGo.
Cui îi este util acest convertor
Instrumentul este gândit pentru cei care trebuie să transforme valori fixe în pixeli în unități relative rem sau em pentru un design responsive, pentru cei care vor să înțeleagă cum diferite dimensiuni ale fontului de bază influențează valorile rem, pentru cei care trebuie să calculeze valori em pornind de la dimensiunea fontului unui anumit element, și pentru cei care vor să se asigure că dimensiunile din proiectul lor se scalează corect atunci când un cititor își modifică dimensiunea implicită a fontului din browser.
Întrebări frecvente
Care este diferența dintre px, rem și em? Unitatea px reprezintă o lungime fixă. Unitatea rem este calculată în raport cu dimensiunea fontului de bază (root) al paginii, astfel că la o bază de 16px, 1rem este egal cu 16px. Unitatea em este calculată în raport cu dimensiunea fontului elementului în care se află. Dimensionarea textului și a spațiilor în rem permite scalarea armonioasă a întregului conținut atunci când utilizatorul modifică dimensiunea implicită a fontului din browser.
De ce există o dimensiune separată pentru contextul em? Unitatea em este relativă la dimensiunea fontului elementului propriu, care nu coincide întotdeauna cu cel de bază (root). Setați contextul em la dimensiunea fontului acelui element pentru a calcula corect valoarea em, și păstrați-l egal cu cel de bază atunci când cele două coincid.
Ce se întâmplă dacă dimensiunea fontului meu de bază nu este de 16px? Modificați câmpul pentru dimensiunea fontului de bază (root font size) pentru a corespunde cu cel din codul dumneavoastră CSS, iar toate valorile rem se vor actualiza instantaneu. Tabelul rapid de mai sus este un ghid util pentru valoarea standard de 16px folosită ca punct de pornire de majoritatea site-urilor.
Ce se întâmplă dacă introduc o valoare nevalidă? Dacă valoarea introdusă în câmpul Valori nu este un număr, apare mesajul "Introduceți un număr pentru a realiza conversia." Dacă dimensiunea fontului de bază sau cea de context em nu este un număr mai mare decât 0, instrumentul afișează mesajul corespunzător de eroare, iar conversia nu se realizează până când valoarea este corectată.