48 rem equals 768 pixels.
Table of Contents
This conversion assumes the default root font size of 16 pixels in most browsers, meaning 1 rem equals 16 pixels. Multiplying 48 rem by 16 pixels per rem gives the total in pixels.
Conversion Tool
Result in pixel:
Conversion Formula
The formula to convert rem to pixels is:
Pixels = rem × Root font size (in pixels)
Because 1 rem equals the font size of the root element (commonly 16 pixels), multiplying the rem value by 16 gives the equivalent pixels.
For example, converting 48 rem:
- Identify root font size: 16 pixels
- Multiply rem value by root font size: 48 × 16 = 768
- Result: 768 pixels
Conversion Example
- Convert 10 rem to pixels
- Root font size is 16 pixels
- Multiply: 10 × 16 = 160
- Result: 160 pixels
- Convert 2.5 rem to pixels
- Root font size: 16 pixels
- Multiply: 2.5 × 16 = 40
- Result: 40 pixels
- Convert 35 rem to pixels
- Root font size is 16 pixels
- Multiply: 35 × 16 = 560
- Result: 560 pixels
- Convert 7.75 rem to pixels
- Root font size: 16 pixels
- Multiply: 7.75 × 16 = 124
- Result: 124 pixels
- Convert 20 rem to pixels
- Root font size: 16 pixels
- Multiply: 20 × 16 = 320
- Result: 320 pixels
Conversion Chart
This chart shows rem values from 23.0 to 73.0 converted into pixels, using the 16-pixel root size. You can use it to quickly find pixel equivalents without calculating each time.
| Rem | Pixels | Rem | Pixels |
|---|---|---|---|
| 23.0 | 368 | 48.0 | 768 |
| 24.0 | 384 | 49.0 | 784 |
| 25.0 | 400 | 50.0 | 800 |
| 26.0 | 416 | 51.0 | 816 |
| 27.0 | 432 | 52.0 | 832 |
| 28.0 | 448 | 53.0 | 848 |
| 29.0 | 464 | 54.0 | 864 |
| 30.0 | 480 | 55.0 | 880 |
| 31.0 | 496 | 56.0 | 896 |
| 32.0 | 512 | 57.0 | 912 |
| 33.0 | 528 | 58.0 | 928 |
| 34.0 | 544 | 59.0 | 944 |
| 35.0 | 560 | 60.0 | 960 |
| 36.0 | 576 | 61.0 | 976 |
| 37.0 | 592 | 62.0 | 992 |
| 38.0 | 608 | 63.0 | 1008 |
| 39.0 | 624 | 64.0 | 1024 |
| 40.0 | 640 | 65.0 | 1040 |
| 41.0 | 656 | 66.0 | 1056 |
| 42.0 | 672 | 67.0 | 1072 |
| 43.0 | 688 | 68.0 | 1088 |
| 44.0 | 704 | 69.0 | 1104 |
| 45.0 | 720 | 70.0 | 1120 |
| 46.0 | 736 | 71.0 | 1136 |
| 47.0 | 752 | 72.0 | 1152 |
| 73.0 | 1168 |
Related Conversion Questions
- How many pixels is 48 rem in CSS with different root font sizes?
- What is the pixel value of 48 rem if the browser default font size changes?
- Does 48 rem always equal 768 pixels on all devices?
- How to convert 48 rem to pixels when root font size is 18px?
- Is 48 rem bigger than 48 pixels and by how much?
- How to calculate pixels from 48 rem in responsive design?
- Why does 48 rem sometimes not equal 768 pixels in my webpage?
Conversion Definitions
rem: A CSS unit which stands for “root em.” It measures length relative to the font size of the root element, usually the html tag. Unlike em units, rem always refer to the root size, making scaling consistent across a document even if nested elements change font size.
pixel: A pixel is the smallest unit of a digital image or display, representing a single point on the screen. In CSS, pixels define fixed-size measurements, controlling how elements appear, regardless of screen resolution or zoom, providing precise layout control.
Conversion FAQs
Can the root font size be different than 16 pixels?
Yes, the root font size can be changed by CSS on the html element. If it’s set to a different pixel value, that changes how many pixels one rem equals. For example, if root size is 20 pixels, 48 rem would be 960 pixels (48 × 20).
Why does rem provide better scalability than pixels?
Rem units are relative to root font size, so when users adjust their browser’s text size or the root font changes, rem-based sizes scale accordingly. Pixels are fixed, so using rem allows for more flexible, accessible layouts that respond better to user preferences.
Does zooming in the browser affect rem to pixel conversion?
Zooming typically scales the entire page, so rem-to-pixel conversion stays the same internally, but displayed size changes. The rem unit calculation remains based on root font size, but user zoom changes how big the rendered pixels appear visually.
Can I use rem instead of pixels in all CSS properties?
Most CSS length properties accept rem values, and doing so helps maintain responsive layouts. However, some properties require integer values or pixel precision, so check documentation for specific cases. Rem is widely supported and preferred for scalable design.
How do browsers determine the root font size?
By default, browsers set the root font size to 16 pixels, but this can be changed by user settings or CSS styles on the html element. Some browsers allow users to adjust default font size, affecting rem calculations site-wide.