Prevodník EM na PX
Nástroj prevedie hodnotu v em na pixely podľa zadanej veľkosti písma. Zobrazí výsledok v px, vzorec, zaokrúhlenú hodnotu aj CSS zápis pre jednoduchú kontrolu.
Výsledok v PX
16px
Zadajte hodnotu v em a veľkosť písma prvku. Prevodník vypočíta hodnotu v pixeloch.
Pri prepočte em na px 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 EM na PX sa hodí pri kontrole CSS veľkostí, písma, odsadení a rozmerov. EM sa prepočítava podľa aktuálnej veľkosti písma prvku alebo rodičovského prvku.
Prevod EM na PX podľa veľkosti písma
Kalkulačka EM na PX sa hodí pri práci s CSS, keď potrebujete prepočítať relatívnu hodnotu v jednotke em na konkrétnu veľkosť v pixeloch. Využijete ju pri kontrole veľkosti písma, odsadení, rozmerov alebo iných CSS hodnôt, ktoré sa odvíjajú od veľkosti písma daného prvku alebo jeho rodiča.
Výpočet pracuje s dvomi vstupmi. Zadáva sa hodnota v em a veľkosť písma prvku v px. Práve veľkosť písma je pri jednotke em rozhodujúca, pretože 1em neznamená vždy 16px. Ak má prvok veľkosť písma 16px, potom 1em zodpovedá 16px. Ak má však prvok veľkosť písma 20px, potom 1em zodpovedá 20px.
Hlavný výsledok zobrazí hodnotu v pixeloch. Okrem nej kalkulačka ukáže aj zadanú hodnotu v em, použitú veľkosť písma, pomer výpočtu, vzorec, CSS zápis a zaokrúhlený výsledok. Výpočet je jednoduchý: hodnota v em sa vynásobí veľkosťou písma v pixeloch. Pri hodnote 1em a veľkosti písma 16px preto vyjde výsledok 16px.
Na výsledok má najväčší vplyv použitý základ v pixeloch. Rovnaká hodnota v em môže mať rozdielny pixelový výsledok podľa toho, na akom prvku sa používa. Napríklad 1.5em pri veľkosti písma 16px vychádza na 24px, ale pri veľkosti písma 20px už vychádza na 30px. Preto je pri prepočte dôležité zadať veľkosť písma, voči ktorej chcete hodnotu em počítať.
Praktický príklad je kontrola CSS hodnoty pri texte alebo odsadí. Ak máte v návrhu hodnotu 1.25em a prvok má veľkosť písma 16px, kalkulačka vypočíta 20px. Vo výsledku zároveň vidíte vzorec a CSS zápis, napríklad font-size: 20px;, ktorý môžete použiť ako pevnú pixelovú alternatívu.
EM je relatívna jednotka, preto sa jej výsledok môže meniť podľa kontextu v CSS. Kalkulačka nevyhodnocuje celú štruktúru štýlov na stránke, ale počíta podľa zadaného základu v px. Pri bežnom prepočte sa často používa 16px, no pri konkrétnom prvku je presnejšie zadať jeho skutočnú veľkosť písma.
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 EM na PX?
Prepočíta zadanú hodnotu v em na pixely podľa veľkosti písma prvku alebo jeho rodiča.
Aké údaje treba zadať?
Zadáva sa hodnota v em a veľkosť písma v px, podľa ktorej sa má prevod vypočítať.
Aký vzorec prevodník používa?
Výpočet používa vzorec hodnota v em × veľkosť písma v px = výsledok v px.
Prečo záleží na veľkosti písma?
Jednotka em je relatívna. Hodnota 1em znamená aktuálnu veľkosť písma, takže pri 16px je 1em rovné 16px.
Aký CSS zápis nástroj zobrazí?
Zobrazí jednoduchý CSS zápis s vypočítanou hodnotou v pixeloch, napríklad font-size: 16px;