Siirry sisältöön
Sähköpostiallekirjoitusgeneraattori päivitetty – tutustu uusiin ominaisuuksiin työkalut
Arteon - yrityksen logo
#MadeWithNext.js
Arteon logo

Ilmaisia työkaluja web-kehittäjille, suunnittelijoille ja markkinoijille.

Työkalut

  • Kuvaeditori
  • Favicon-generaattori
  • Meta-otsikon ja -kuvauksen tarkistus
  • Sana- ja merkkilaskuri
  • Lorem Ipsum -generaattori
  • Sähköpostiallekirjoitusgeneraattori
  • Värikontrastin tarkistus
  • Värien poiminta kuvasta
  • Väripalettien generaattori

Työkalut

  • Ilmainen QR-koodigeneraattori
  • pt px:ksi
  • rem px:ksi
  • em px:ksi
  • cm px:ksi
  • mm px:ksi
  • tuumat px:ksi
  • DPI PPI:ksi
  • HEX RGB:ksi

Työkalut

  • RGB HSL:ksi
  • RGB CMYK:ksi
  • tavut KB/MB/GB:ksi
  • Unix päiväksi
  • DEC BIN:ksi
  • DEC HEX:ksi
  • Mbps MB/s:ksi
  • vw px:ksi
  • Tailwind CSS px:ksi

Työkalut

  • JPG WebP
  • PNG WebP
  • WebP JPG
  • WebP PNG
  • PNG JPG
  • JPG PNG
  • SVG PNG
  • BMP JPG
  • JPG AVIF

Oikeudelliset asiakirjat

  • Tietosuojakaytanto
  • Kayttoehdot
© 2026 Arteon. Kaikki oikeudet pidätetään.#MadeWithNext.js

Em px:ksi

Tämä muunnin laskee välittömästi. Syötä arvo ja tulos näkyy heti.

  1. /Työkalut
  2. /em px:ksi
Loading tool editor...
EM to pixels converter – Arteon

Milloin em muunnetaan pikseleiksi?

CSS-yksikkö em on suhteellinen isäntäelementin kirjasinkokoon. Oletuksella 16px: 1em = 16px, 1,5em = 24px, 2em = 32px.

Toisin kuin rem (suhteellinen juureen), em kaskadoi: 1,5em × 1,5em = 2,25× peruskoko.

Kaikki laskelmat suoritetaan paikallisesti selaimessasi.

Miten muunninta käytetään?

  1. 1. Syötä arvo

    Kirjoita luku syöttökenttään.
  2. 2. Lue tulos

    Tulos näkyy välittömästi.
  3. 3. Kopioi tai vaihda

    Kopioi tulos tai vaihda muunnossuunta.

Milloin tämä muunnin on hyödyllinen?

  1. Verkkokehitys

    Muunna em pikseleihin todellisten kokojen ymmärtämiseksi.
  2. Typografia

    body 1em = 16px, h1 2,5em = 40px.
  3. Responsiivinen suunnittelu

    em breakpointeille ja välyksille.
  4. Web-kehitys

    em kunnioittaa käyttäjän kirjasinasetuksia.

Mikä tekee tästä muuntimesta erityisen?

  1. Täysi yksityisyys

    Kaikki laskelmat suoritetaan paikallisesti selaimessasi.
  2. Reaaliaikaiset tulokset

    Tulos päivittyy kirjoittaessasi.
  3. Kaksisuuntainen muunnos

    Muunna molempiin suuntiin yhdellä napsautuksella.
  4. Viitetaulukko

    Taulukko yleisistä arvoista ja kontekstikuvauksista.

Miten muunnos toimii?

px = em × isäntäelementin kirjasinkoko. Oletus: 16px.

Em kaskadoi: body 16px, div 1,5em (24px), p sen sisällä 1,5em:llä = 36px.

Miten muunnos toimii?

px = em × isäntäelementin kirjasinkoko. Oletus: 16px.

Em kaskadoi: body 16px, div 1,5em (24px), p sen sisällä 1,5em:llä = 36px.

em vs px vs rem

em vs px vs rem
Ominaisuusempx
ViiteIsäntäelementin kirjasinKiinteä pikseli
KaskadoiKylläEi
ResponsiivinenKylläEi
SaavutettavuusKunnioittaa asetuksiaKiinteä koko
EnnakoitavuusKontekstiriippuvainenAina vakio

em

  • Viite
    Isäntäelementin kirjasin
  • Kaskadoi
    Kyllä
  • Responsiivinen
    Kyllä
  • Saavutettavuus
    Kunnioittaa asetuksia
  • Ennakoitavuus
    Kontekstiriippuvainen

px

  • Viite
    Kiinteä pikseli
  • Kaskadoi
    Ei
  • Responsiivinen
    Ei
  • Saavutettavuus
    Kiinteä koko
  • Ennakoitavuus
    Aina vakio

Muunna muut yksiköt yksiköksi px

pt px:ksirem px:ksicm px:ksimm px:ksituumat px:ksivw px:ksiTailwind CSS px:ksi

Tutustu muihin yksikkömuuntimeen

DPI PPI:ksiHEX RGB:ksiRGB HSL:ksiRGB CMYK:ksitavut KB/MB/GB:ksiUnix päiväksiDEC BIN:ksiDEC HEX:ksiMbps MB/s:ksi

Usein kysytyt kysymykset

Oletuksena 1em = 16px. Mutta em on suhteellinen isäntäelementtiin.

em viittaa isäntäelementtiin, rem juureen (html). rem on ennakoitavampi.

Kyllä. Kaikki laskelmat suoritetaan selaimessasi.

em px:ksi – Arteon

Auta meitä parantamaan työkalujamme

Onko sinulla idea, löysitkö virheen tai haluatko ehdottaa ominaisuutta? Kirjoita meille – vastaamme 24 tunnin kuluessa.