ממיר PX ל-REM
המירו px ל-rem, rem ל-px ו-px ל-em בכל גודל גופן בסיסי, עם שורת CSS מוכנה להעתקה וטבלת ייחוס חיה.
🔒 מעובד כולו בדפדפן שלך - שום דבר שתזין כאן לא יועלה לעולם.
תוצאה
יחידות rem שומרות על נגישות הפריסות – הן מושפעות מהעדפת גודל הגופן של המשתמש – אבל אף אחד לא רוצה לחלק ב-16 בראש כל היום. ממיר זה מבצע את החשבון בזמן אמת: בחרו את הכיוון (px ← rem, rem ← px או px ← em), הקלידו את הערך, והתוצאה מופיעה מיד יחד עם שורת CSS מוכנה להעתקה, כגון font-size: 0.875rem.
שדה גודל הגופן הבסיסי מתאים את הכלי לכל פרויקט. ברירת המחדל של הדפדפן היא 16px, כך ש-1rem שווה 16px מחוץ לקופסה, אך בסיסי קוד רבים מגדירים html { font-size: 62.5% } כדי ש-1rem יהיה שווה 10px – הזינו 10 כבסיס וכל המרה ושורת טבלה עוקבות. כיוון px ← em משתמש באותה המתמטיקה מול גודל הגופן של אלמנט האב במקום השורש, וזהו בדיוק ההבדל בין em ל-rem ב-CSS.
מתחת לתוצאה, טבלת ייחוס מציגה את גדלי העיצוב הנפוצים ביותר – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 ו-64 פיקסלים – שכבר מומרים לפי הבסיס הנוכחי שלכם, כשהשורה התואמת לבסיס מודגשת. זוהי תמצית העזר שבדרך כלל הייתם מדביקים למסך, תמיד מסונכרנת עם הבסיס שבו אתם משתמשים בפועל.
הכול קורה באופן מקומי בדפדפן שלכם תוך כדי הקלדה: ללא העלאה, ללא הרשמה, ללא פנייה לשרת. דפי קביעה מראש עבור rem ← px, px ← em, בסיס 10px וערכים פופולריים כמו 14, 24 ו-32 px פותחים את הממיר כשהוא מוגדר מראש לשאלות המדויקות הללו.