Jednotky
Prevodník PX na EM
24 px pri referencii 12 px = 2 em. Zadajte px a získajte výsledok v em, vzorec a pomocné prepočty.
Bezplatná online kalkulačka
Výsledok v EM
1em
Zadajte hodnotu v pixeloch a veľkosť písma prvku. Prevodník vypočíta hodnotu v em.
Pri prepočte px na em záleží na veľkosti písma daného prvku alebo jeho rodiča. Ak počítate bežný prípad, často sa používa 16px.
Prevodník PX na EM sa hodí pri tvorbe CSS štýlov, responzívneho dizajnu, veľkostí písma, odsadení a rozmerov viazaných na aktuálnu veľkosť písma prvku.
Prevod PX na EM podľa veľkosti písma
Kalkulačka PX na EM je užitočná pri tvorbe CSS štýlov, keď chcete pevnú pixelovú hodnotu prepočítať na relatívnu jednotku em. Hodí sa pri nastavovaní veľkosti písma, odsadení, medzier, rozmerov prvkov alebo iných hodnôt, ktoré sa majú odvíjať od aktuálnej veľkosti písma prvku. Namiesto ručného delenia stačí zadať hodnotu v pixeloch a základ v px.
Výpočet pracuje s dvomi vstupmi. Prvým je hodnota v px, ktorú chcete previesť. Druhým je referenčná veľkosť písma v px. Pri prevode pre font-size použite zdedenú veľkosť písma rodiča; pri paddingu alebo margin vypočítanú veľkosť písma samotného prvku. Táto veľkosť je pri jednotke em rozhodujúca, pretože em sa nepočíta vždy rovnako. Ak má prvok veľkosť písma 16px, potom 16px zodpovedá 1em. Ak má prvok veľkosť písma 20px, rovnaká hodnota 16px už vychádza ako 0.8em.
Hlavný výsledok zobrazuje prepočítanú hodnotu v em. Okrem toho kalkulačka ukáže zadanú hodnotu v px, použitú veľkosť písma, pomer výpočtu, vzorec, CSS zápis a zaokrúhlený výsledok. Výpočet vychádza zo vzorca hodnota v pixeloch delená veľkosťou písma v pixeloch. Pri hodnote 16px a veľkosti písma 16px preto výsledok vychádza ako 1em.
Na výsledok má najväčší vplyv zadaná veľkosť písma. Rovnaká pixelová hodnota môže mať rôzny výsledok v em podľa toho, voči akému prvku ju počítate. Práve preto je dôležité nezadávať len samotnú hodnotu v px, ale aj správny základ. Hodnota 16px je iba príklad. Pre font-size zadajte rodičovskú referenciu, pri iných vlastnostiach príslušnú vypočítanú veľkosť písma.
Praktický príklad je prepočet hodnoty z grafického návrhu do CSS. Ak chcete font-size 24px a zdedená veľkosť písma rodiča je 16px, výsledkom je 1.5em. Vo výsledkoch zároveň uvidíte vzorec 24 ÷ 16 = 1.5em a CSS zápis font-size: 1.5em;. Takýto prepočet sa dá použiť aj pri odsadeniach alebo rozmeroch viazaných na veľkosť textu.
EM je relatívna jednotka, preto výsledok závisí od kontextu v CSS. Kalkulačka nečíta štýly celej stránky, ale počíta podľa hodnoty písma, ktorú zadáte. Ak teda pracujete s vnorenými prvkami alebo vlastnou typografiou, oplatí sa overiť, aká veľkosť písma sa na daný prvok skutočne vzťahuje.
Na nadväzujúci výpočet môžete použiť Prevodník EM na PX.
Predpoklady a obmedzenia
Pri font-size sa em vzťahuje na zdedenú veľkosť písma rodiča. Pri iných vlastnostiach, napríklad odsadení, spravidla na vypočítanú veľkosť písma samotného prvku. Vyberte správnu referenciu. Výsledky používajú číselnú presnosť prehliadača a zobrazené zaokrúhlenie; nemeria sa skutočná hodnota ani neistota merania.
Zdroje a metodika
Časté otázky
Čo počíta prevodník PX na EM?
Prepočíta zadanú hodnotu v pixeloch na em podľa veľkosti písma prvku alebo jeho rodiča.
Čo treba zadať do nástroja „Prevodník PX na EM“?
Zadajte hodnotu v px a referenčnú veľkosť písma v px. Pri font-size ide o zdedené písmo rodiča; pri paddingu alebo margin o vypočítané písmo samotného prvku.
Aký vzorec prevodník používa?
Výpočet používa vzorec hodnota v px ÷ veľkosť písma v px = výsledok v em.
Prečo záleží na veľkosti písma?
Jednotka em používa kontext vlastnosti. Font-size: 1em zodpovedá zdedenej veľkosti písma rodiča, zatiaľ čo napríklad padding: 1em veľkosti písma samotného prvku.
Aký CSS zápis nástroj zobrazí?
Zobrazí jednoduchý CSS zápis s vypočítanou hodnotou v em, napríklad font-size: 1em;
