Prevodník REM na PX
Nástroj prevedie hodnotu v rem na pixely podľa základnej veľkosti písma. Zobrazí výsledok v px, vzorec, zaokrúhlenú hodnotu aj jednoduchý CSS zápis.
Výsledok v PX
16px
Zadajte hodnotu v rem a základnú veľkosť písma. Prevodník vypočíta hodnotu v pixeloch.
Najčastejšie sa pri prepočte používa základ 16px, teda 1rem = 16px. Ak má váš web inú základnú veľkosť písma, upravte hodnotu základu.
Prevodník REM na PX sa hodí pri kontrole CSS veľkostí, písma, odsadení a rozmerov. Hodnota v px závisí od základnej veľkosti písma dokumentu, najčastejšie 16px.
Prevod REM na PX podľa základnej veľkosti písma
Kalkulačka REM na PX je užitočná pri práci s CSS, keď potrebujete zistiť, koľko pixelov zodpovedá hodnote zadanej v jednotke rem. Hodí sa pri kontrole veľkosti písma, odsadení, rozmerov prvkov alebo pri preklade responzívnych hodnôt do konkrétnej pixelovej veľkosti. Najčastejšie sa používa základ 16px, pri ktorom 1rem zodpovedá 16px.
Výpočet pracuje s dvomi vstupmi. Prvým je hodnota v rem, ktorú chcete previesť. Druhým je základná veľkosť písma v px. Táto základná veľkosť určuje, koľko pixelov predstavuje 1rem. Ak má web štandardný základ 16px, hodnota 2rem vychádza ako 32px. Ak však používate vlastný základ, výsledok sa prepočíta podľa neho.
Hlavný výsledok zobrazuje hodnotu v pixeloch. Okrem nej kalkulačka ukáže aj zadanú hodnotu v rem, použitý základ písma, pomer výpočtu, vzorec, CSS zápis a zaokrúhlený výsledok. Výpočet je jednoduchý: hodnota v rem sa vynásobí základnou veľkosťou písma v pixeloch. Pri hodnote 1rem a základe 16px teda výsledok vychádza 16px.
Na výsledok má najväčší vplyv základná veľkosť písma. Rovnaká hodnota v rem môže mať rozdielny pixelový výsledok podľa toho, aký základ web používa. Napríklad 1.5rem pri základe 16px vychádza ako 24px, ale pri základe 18px už vychádza ako 27px. Preto je pri presnom prepočte dôležité zadať základ, ktorý zodpovedá konkrétnemu webu alebo návrhu.
Praktický príklad je kontrola veľkosti nadpisu v CSS. Ak máte hodnotu 2rem a základnú veľkosť písma 16px, kalkulačka zobrazí výsledok 32px. Vo výsledkoch zároveň vidíte vzorec 2 × 16 = 32px a CSS zápis font-size: 32px;, ktorý môže slúžiť ako pixelová alternatíva pri porovnaní návrhu a kódu.
REM sa vzťahuje k základnej veľkosti písma dokumentu, nie k veľkosti konkrétneho vnoreného prvku. Kalkulačka preto počíta podľa hodnoty základu, ktorú zadáte. Ak má váš web inú základnú veľkosť ako 16px, upravte ju vo vstupnom poli, aby výsledok v pixeloch zodpovedal vášmu nastaveniu.
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 REM na PX?
Prepočíta zadanú hodnotu v rem na pixely podľa základnej veľkosti písma dokumentu.
Aké údaje treba zadať?
Zadáva sa hodnota v rem a základná 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 rem × základná veľkosť písma v px = výsledok v px.
Aký základ sa používa najčastejšie?
Najčastejšie sa používa základ 16 px, teda 1rem = 16px. Ak má web iný základ, treba ho v nástroji upraviť.
Aký CSS zápis nástroj zobrazí?
Zobrazí jednoduchý CSS zápis s vypočítanou hodnotou v pixeloch, napríklad font-size: 16px;