VW to PX Converter (VW to Pixels)

VW to Pixels

Viewport width units (vw) to pixels (px) for any viewport width.

Value

Convert to

72px

Viewport width (px)

Precision (significant figures)

Formula

px = vw × viewport width ÷ 100

1 vw = 14.4 px in a 1440 px wide viewport

Vw to px chart

Values in pixels for common viewport widths: phone, tablet, laptop and desktop.

Viewport width units (vw)	375px at 375 px wide	768px at 768 px wide	1440px at 1440 px wide	1920px at 1920 px wide
1	3.75	7.68	14.4	19.2
2	7.5	15.36	28.8	38.4
2.5	9.375	19.2	36	48
3	11.25	23.04	43.2	57.6
4	15	30.72	57.6	76.8
5	18.75	38.4	72	96
6	22.5	46.08	86.4	115.2
8	30	61.44	115.2	153.6
10	37.5	76.8	144	192
12.5	46.875	96	180	240
20	75	153.6	288	384
25	93.75	192	360	480
33.333	124.999	255.997	479.995	639.994
50	187.5	384	720	960
75	281.25	576	1,080	1,440
100	375	768	1,440	1,920

When you need this conversion

You’ve inherited CSS written in viewport units, or you’re checking how a fluid value behaves on real devices. Converting vw to pixels at a few widths shows whether a heading is still readable on a phone and not absurd on a 4K monitor.

Check the extremes

Always test a vw value at both ends of your audience’s screens:

3vw: 11.25 px at 375 px, 43.2 px at 1440 px, 57.6 px at 1920 px
10vw: 37.5 px at 375 px, 144 px at 1440 px

If either end looks wrong, wrap the value in clamp(min, preferred, max) so it can’t go below or above sensible limits.

vw, svw and dvw

Modern CSS adds small (svw, svh), large (lvw, lvh) and dynamic (dvw, dvh) viewport units. On phones, 100vh is taller than the visible area when the address bar is showing; 100svh fixes that. For widths the difference is rarely visible, so plain vw is usually fine.

Common mistakes

Designing only at one width. A value that works at 1440 px can be unreadable at 375 px.

Using vw where % would do. Percentages are relative to the parent, not the window, which is usually what a layout needs.

For the reverse, see pixels to vw.

Questions

How many pixels is 100vw?

Exactly the viewport width, including a classic scrollbar: 1440 px on a 1440 px wide window.

How many pixels is 5vw?

72 px at 1440 px wide, 96 px at 1920 px, and 18.75 px at 375 px.

What about vh?

vh works the same way with the viewport height. On mobile, prefer svh or dvh, which account for the browser's address bar.

Why is my vw text too small on phones?

Because vw shrinks with the screen. Put a floor under it with clamp(), for example clamp(1rem, 4vw, 2rem).