Konwerter em na piksele

O tym kalkulatorze

em to względna jednostka długości CSS powiązana z rozmiarem czcionki: 1em zawsze równa się bieżącemu rozmiarowi czcionki elementu, do którego jest zastosowana (lub, gdy jest używana dla samego rozmiaru czcionki, rozmiarowi czcionki elementu nadrzędnego). Przeglądarki domyślnie ustawiają ten bazowy rozmiar czcionki na 16px, więc przy ustawieniu domyślnym 1em = 16px, a ogólnie px = em × bazowy rozmiar czcionki — nagłówek ustawiony na 2em przy bazie 16px wyświetla się jako 32px, ale to samo 2em przy bazie 18px wyświetla się jako 36px.

Ponieważ em skaluje się wraz z rozmiarem czcionki użytkownika lub elementu nadrzędnego, jest to jednostka, po którą sięgają programiści CSS w typografii responsywnej i dostępnej — wysokość linii, marginesy i rozmiar czcionki, które powinny rosnąć, gdy ktoś zwiększy ustawienie rozmiaru tekstu w przeglądarce. Przeliczanie między em a pikselami to rutynowy krok przy przekładaniu opartej na pikselach makiety projektu (Figma, Sketch) na skalowalny, dostępny CSS.