Prevodník PX na EM
Nástroj prevedie hodnotu v pixeloch na em podľa zadanej veľkosti písma prvku. Zobrazí výsledok v em, vzorec, zaokrúhlenie aj jednoduchý CSS zápis.
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 veľkosť písma prvku v px. 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. Pri bežnom prepočte sa často používa 16px, no pri konkrétnom prvku je presnejšie použiť jeho skutočnú veľkosť písma.
Praktický príklad je prepočet hodnoty z grafického návrhu do CSS. Ak máte v návrhu veľkosť 24px a prvok má základ 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.
TIP pre vás
Domácnosť ide ľahšie s dobrými pomôckami
Prepočty jednotiek sa hodia pri varení, upratovaní, meraní aj plánovaní domácnosti. Pozrite si praktické doplnky a vybavenie, ktoré doma využijete častejšie, než si myslíte.
Pozrieť pomôckyČ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.
Aké údaje treba zadať?
Zadáva sa hodnota v px a veľkosť písma v px, podľa ktorej sa má em hodnota vypočítať.
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 je relatívna. Hodnota 1em zodpovedá aktuálnej veľkosti písma daného prvku alebo rodiča.
Aký CSS zápis nástroj zobrazí?
Zobrazí jednoduchý CSS zápis s vypočítanou hodnotou v em, napríklad font-size: 1em;