ממיר em לפיקסל

אודות מחשבון זה

em היא יחידת אורך יחסית ב-CSS הקשורה לגודל הגופן: 1em שווה תמיד לגודל הגופן הנוכחי של האלמנט שעליו היא מוחלת (או, כשהיא משמשת לגודל הגופן עצמו, לגודל הגופן של אלמנט האב). דפדפנים קובעים כברירת מחדל את גודל הגופן של השורש ל-16px, ולכן בהגדרת ברירת המחדל 1em = 16px, ובאופן כללי px = em × גודל גופן בסיס — כותרת שהוגדרה ל-2em על בסיס של 16px תוצג ב-32px, אך אותם 2em על בסיס של 18px יוצגו ב-36px.

מכיוון ש-em משתנה לפי גודל הגופן של המשתמש או של אלמנט האב, זו היחידה שמפתחי CSS נוקטים בה בטיפוגרפיה רספונסיבית ונגישה — גובה שורה, שוליים וגודל גופן שאמורים לגדול כשמישהו מגדיל את הגדרת גודל הטקסט בדפדפן. המרה בין em לפיקסלים היא שלב שגרתי בתרגום הדמיית עיצוב מבוססת פיקסלים (Figma, Sketch) ל-CSS ניתן להרחבה ונגיש.