CSS Units
- Free forever
- No sign-up
- Instant results
VW and VH to PX Converter
Convert vw, vh, vmin, and vmax viewport units to pixels at any viewport size. See exactly what your viewport-relative values render to on desktop, tablet, or mobile.
Pixel value
—
When would you use this?
Viewport units (vw, vh, vmin, vmax) are incredibly powerful for responsive design, but they can be hard to reason about without doing the mental maths. What is 5vw on a 1440px desktop monitor? What about on a 375px iPhone screen? This calculator converts any viewport unit to pixels at whatever viewport dimensions you specify. Great for checking that your fluid type or hero section looks right across different screen sizes.
Common VW → PX values (1440px viewport)
| VW | Pixels | Common use |
|---|---|---|
| 0.278vw | 4px | Tiny spacing / detail |
| 0.556vw | 8px | Small spacing |
| 0.833vw | 12px | Compact gap / text detail |
| 1.111vw | 16px | Base body size equivalent |
| 1.389vw | 20px | Lead text |
| 1.667vw | 24px | Subheading |
| 2.222vw | 32px | Section heading |
| 2.778vw | 40px | Display heading |
| 3.333vw | 48px | Hero heading |
| 4.444vw | 64px | Large display type |
| 5.556vw | 80px | Oversized hero text |