Ugrás a tartalomhoz
Arteon - céglogó
#MadeWithNext.js
Arteon logo

Ingyenes eszközök webfejlesztőknek, tervezőknek és marketingeseknek.

Eszközök

  • Képszerkesztő
  • Favicon generátor
  • Meta cím és leírás ellenőrző
  • Szó- és karakterszámláló
  • Lorem Ipsum generátor
  • E-mail aláírás generátor
  • Színkontraszt ellenőrző
  • Színkinyerő képből
  • Színpaletta generátor

Eszközök

  • Ingyenes QR-kód generátor
  • pt px-re
  • rem px-re
  • em px-re
  • cm px-re
  • px cm-re
  • mm px-re
  • hüvelyk px-re
  • DPI PPI-re

Eszközök

  • HEX RGB-re
  • RGB CMYK-ra
  • bájt KB/MB/GB-ra
  • Unix dátumra
  • DEC BIN-re
  • DEC HEX-re
  • Mbps MB/s-ra
  • JPG WebP
  • PNG WebP

Eszközök

  • WebP JPG
  • WebP PNG
  • PNG JPG
  • JPG PNG
  • SVG PNG
  • BMP JPG
  • JPG AVIF
© 2025 Arteon. Minden jog fenntartva.

Adatvedelmi iranyelvek

Felhasznalasi feltetelek

#MadeWithNext.js

Em px-re

Ez az átváltó azonnal átszámol. Adjon meg egy értéket és az eredmény azonnal megjelenik.

  1. /Eszközök
  2. /em px-re
Loading tool editor...
Em px-re – Arteon

Mikor kell használni: Em px-re?

A CSS em egység a szülő elem betűméretéhez viszonyított. Az alapértelmezett 16px mellett: 1em = 16px, 1,5em = 24px, 2em = 32px.

A rem-mel ellentétben (amely a gyökér elemre vonatkozik) az em halmozódik: 1,5em × 1,5em = 2,25× az alap méret.

Minden számítás helyben, a böngészőjében történik.

Hogyan használja az átváltót?

  1. 1. Érték megadása

    Írjon be egy számot a beviteli mezőbe. Használhat pontot vagy vesszőt tizedesjegyként.
  2. 2. Eredmény leolvasása

    Az átváltás eredménye azonnal megjelenik a mellette lévő mezőben – kattintás nélkül.
  3. 3. Másolás vagy megfordítás

    Kattintson az Eredmény másolása gombra vagy használja a Megfordítás gombot.

Mikor hasznos ez az átváltó?

  1. Tipográfia

    Line-height 1,5 em = 150% rozmiaru czcionki rodzica.
  2. Gombok

    Az em padding a gomb szövegméretével együtt skálázódik.
  3. Komponensek

    Szövegarányos méretek az UI-komponensekben.
  4. Webfejlesztés

    Az em breakpointok ellenállnak az alap font-size változásainak.
HIRDETÉS

Mi teszi különlegessé ezt az átváltót?

  1. Teljes adatvédelem

    Minden számítás helyben, a böngészőjében történik. Semmilyen adat nem kerül szerverre.
  2. Azonnali eredmények

    Az eredmény azonnal frissül gépelés közben – nem kell semmilyen gombra kattintani.
  3. Kétirányú átváltás

    A Megfordítás gomb segítségével egy kattintással válthat irányt.
  4. Referencia táblázat

    Kész táblázat gyakran átváltott értékekkel és kontextuális leírásokkal.

Hogyan működik az átváltás?

px = em × szülő betűméret. Alapértelmezés szerint a böngésző alap betűmérete 16px.

Az em halmozódik a DOM-fán keresztül. Ha a body 16px és egy div 1,5em (24px), egy belső bekezdés 1,5em-nél 1,5 × 24 = 36px lesz.

Kiszámíthatóbb méretezéshez használjon rem egységeket — ezek mindig a gyökér elem betűméretére hivatkoznak.

Gyakorlati tippek

  • Alapértelmezett böngésző betűméret: 16px. 1em = 16px, 0,875em = 14px, 1,25em = 20px.
  • Gyakori címsor méretek: h1 = 2em (32px), h2 = 1,5em (24px), h3 = 1,17em (18,7px).
  • Az em padding/margin a betűmérettel skálázódik — hasznos reszponzív komponensekhez.
  • 62,5%-os trükk: html font-size 62,5%-ra állítva 1em = 10px az egyszerűbb számoláshoz.
HIRDETÉS

em vs px vs rem

Tulajdonságempx
HivatkozásSzülő betűméretFix pixel
HalmozódásIgen (halmozódik)No
ReszponzívYesNo
AkadálymentességTiszteletben tartja a felhasználói beállításokatFix méret
KiszámíthatóságKontextusfüggőMindig egységes

Más egységek átváltása Pixelek egységre

pt px-rerem px-recm px-remm px-rehüvelyk px-re

További mértékegység-átváltók

px cm-reDPI PPI-reHEX RGB-reRGB CMYK-rabájt KB/MB/GB-raUnix dátumraDEC BIN-reDEC HEX-reMbps MB/s-ra

Gyakran ismételt kérdések

Hány pixel 1em?

Alapértelmezés szerint 1em = 16px (böngésző alapértelmezés). De az em a szülő elemhez viszonyított.

Mi az a der Unterschied zwischen em und rem?

Az em a szülő betűméretére vonatkozik. A rem a gyökér betűméretre (html). A rem kiszámíthatóbb.

Mikor használjak em-et px helyett?

Em-et a tipográfiához és térközökhöz, amelyeknek a betűmérettel kell skálázódniuk. Px-et keretekhez, árnyékokhoz és tulajdonságokhoz, amelyeknek fixnek kell maradniuk.

Segítsen javítani eszközeinket

Van ötlete, hibát talált vagy funkciót szeretne javasolni? Írjon nekünk – 24 órán belül válaszolunk.

em px-re – Arteon
HIRDETÉS

További ingyenes eszközök

Összes eszköz megtekintése
JPG WebP

JPG WebP

JPG fotók konvertálása könnyű WebP-re. Képméret csökkentése akár 35%-kal.

Eszköz megnyitása
Képszerkesztő

Képszerkesztő

Méretezze át, vágja ki és konvertálja képét. Kész formátumok közösségi médiához, kör alakú avatarok, export JPG/PNG/WebP.

Eszköz megnyitása
Meta cím és leírás ellenőrző

Meta cím és leírás ellenőrző

Ellenőrizze a cím és leírás hosszát pixelben. Élő Google-előnézet és optimalizálási tippek.

Eszköz megnyitása
PNG JPG

PNG JPG

PNG fájlok konvertálása JPG-re a böngészőben. Korlátlan, regisztráció nélkül.

Eszköz megnyitása
Favicon generátor

Favicon generátor

Hozzon létre teljes favicon.ico készletet weboldalához egyetlen képből. Minden szükséges méret, bejelentkezés nélkül.

Eszköz megnyitása
Színpaletta generátor

Színpaletta generátor

Generáljon 9 palettát egy színből: monokromatikus, komplementer, triádikus és más. HEX kódok.

Eszköz megnyitása
WebP JPG

WebP JPG

WebP fájlok konvertálása univerzálisan kompatibilis JPG-re.

Eszköz megnyitása
Színkontraszt ellenőrző

Színkontraszt ellenőrző

Ellenőrizze a szöveg és háttér kontrasztját a WCAG 2.1 AA és AAA szerint. Automatikus színkorrekció.

Eszköz megnyitása
Ingyenes QR-kód generátor

Ingyenes QR-kód generátor

Hozzon létre QR-kódot weboldalhoz, vCard-névjegyhez vagy nyomtatáshoz. Export PNG és SVG, regisztráció nélkül.

Eszköz megnyitása
Szó- és karakterszámláló

Szó- és karakterszámláló

Számolja meg a szavakat, karaktereket, mondatokat és az olvasási időt. Változtassa meg a betűméretet és formázza a szöveget egy kattintással.

Eszköz megnyitása