تبدیل px به rem: px، rem، pt، em، mm

آخرین به‌روزرسانی: اکتبر ۲۰۲۶

اندازهٔ پایهٔ فونت px

rem نسبت به این اندازه سنجیده می‌شود. em و % هم اینجا نسبت به آن سنجیده می‌شوند؛ در CSS از عنصر والد پیروی می‌کنند، پس فقط جایی با rem برابرند که هیچ والدی اندازهٔ فونت را تغییر نداده باشد.

از

به

فرمول

1 px = 0.0625 rem

همه نتایج

px 1

rem 0.0625

em 0.0625

% 6.25

pt 0.75

pc 0.0625

in 0.0104167

cm 0.0264583

mm 0.264583

جدول سریع: پیکسل → rem (em ریشه)

مقدار (px)	نتیجه (rem)
1 px	0.0625 rem
8 px	0.5 rem
10 px	0.625 rem
12 px	0.75 rem
14 px	0.875 rem
16 px	1 rem
18 px	1.125 rem
20 px	1.25 rem
24 px	1.5 rem
32 px	2 rem
48 px	3 rem
64 px	4 rem

درباره px، rem و pt

CSS هر ۱ اینچ را ⁦۹۶ px⁩ تعریف می‌کند، پس ⁦۱ pt⁩ که برابر ۱/۷۲ اینچ است، معادل ⁦۱٫۳۳۳ px⁩ است و ⁦۱ mm⁩ معادل ⁦۳٫۷۸ px⁩. rem و em واحدهای نسبی‌اند: ⁦۱ rem⁩ اندازهٔ فونت ریشه است، یعنی در همهٔ مرورگرهای اصلی ⁦۱۶ px⁩ مگر آنکه بازدیدکننده آن را تغییر دهد، بنابراین ⁦۲۴ px⁩ برابر ⁦۱٫۵ rem⁩ است. اگر فایل CSS اندازهٔ ریشهٔ دیگری تعیین کند، آن را به‌عنوان اندازهٔ پایه بالای فیلدها وارد کنید. em از اندازهٔ فونت عنصر والد پیروی می‌کند، پس فقط جایی با rem برابر است که هیچ والدی آن را تغییر نداده باشد.

اندازه‌های رایج متن و عناصر

با اندازهٔ پایهٔ پیش‌فرض ⁦16 px⁩. CSS هر 1 اینچ را ⁦96 px⁩ تعریف می‌کند، پس ستون‌های pt و mm با هر اندازهٔ پایه ثابت می‌مانند و فقط ستون rem با آن تغییر می‌کند.

اندازه	rem	pt	mm
متن ⁦10 pt⁩ (پانویس)	0.8333	10	3.528
اندازهٔ پیش‌فرض متن در مرورگر	1	12	4.233
متن ⁦12 pt⁩ در واژه‌پرداز	1	12	4.233
عنوان h2 پیش‌فرض	1.5	18	6.35
کوچک‌ترین اندازهٔ هدف در ⁦WCAG 2.2 (2.5.8)⁩	1.5	18	6.35
عنوان h1 پیش‌فرض	2	24	8.467
1 سانتی‌متر	2.362	28.35	10
1 اینچ	6	72	25.4

تاریخچهٔ پوینت و پیکسل

اندازهٔ حروف مدت‌ها پیش از صفحه‌نمایش‌ها با پوینت سنجیده می‌شد: حروف‌ریزان برای ریختن حروفی که در یک خط قرار بگیرند به یک واحد نیاز داشتند. در رایانه‌ها پوینت روی ۱/۷۲ اینچ ثابت شد.

1737 پیر-سیمون فورنیه جدولی از اندازهٔ حروف بر پایهٔ پوینت‌های چاپی منتشر کرد که مقیاس آن اینچ را به ۱۲ خط و هر خط را به ۶ پوینت تقسیم می‌کرد.
1886 انجمن حروف‌ریزان ایالات متحده نظام پوینت را برای بدنهٔ حروف پذیرفت که در آن نونپاریل (nonpareil) ۶ پوینت و پیکا ۱۲ پوینت است.
1985 شرکت Adobe زبان PostScript را عرضه کرد که واحد طول آن روی صفحه ۱/۷۲ اینچ است و به گفتهٔ Adobe تقریباً همان پوینتی است که در چاپ به کار می‌رود.
2011 CSS 2.1 به توصیه‌نامهٔ W3C تبدیل شد. این استاندارد ۱ اینچ را روی ⁦۹۶ px⁩ و ⁦۷۲ pt⁩ ثابت می‌کند، پس ⁦۱ px⁩ برابر ⁦۰٫۷۵ pt⁩ است و پیکسل را بر پایهٔ یک نقطه از صفحه‌نمایش ⁦۹۶ dpi⁩ تعریف می‌کند که از فاصلهٔ یک بازو دیده شود.

منابع:

طول و فاصله ذخیره‌سازی داده