PX to VW converter

PX to VW converter helps you to convert from Pixels (PX) to Viewport Width unit (VW).

If you need to convert Viewport Width to Pixels, please take a look at our VW to PX converter.

Tips

Save time by modifying URL directly

To save time, you can directly specify your values into the URL!
For example, to convert 100px in vw with current viewport width, Use URL: /100px-to-vw.
Another example, to convert 100px in vw with a viewport of 1440px, Use URL: /10px-to-vw-1440vp.

Save time by resizing your browser window

If option "Use current browser width" is checked, you can resize your browser window and viewport width will be automatically updated!

Frequently Asked Questions (FAQ)

What is Viewport Width (VW) unit?

Used in responsive design, Viewport Width (VW) is a unit relative to web pagedisplay area called viewport.
1vw corresponds to 1% of display. So, to make an element full width, you should use 100vw.
You can also use decimal values. Please note that, depending on browsers, decimal precision can change.

How to convert from pixels (PX) to viewport width (VW)?

To convert pixels to viewport width unit (vw), you must know total viewport width (ex: 1200px for a large screen).
Then, just apply formula: pixels / viewport total width x 100.
For example, with a viewport of 1200px, 240px will be converted to: 240 / 1200 x 100 = 20 vw.

What is pixel (PX) unit?

Pixel unit is the theorical smallest dot displayed on a computer screen.
Nowadays, pixel unit can differe between physical resolution and logical resolution.
This difference is called device pixel ratio or DPR:
Logical resolution = physical resolution / device pixel ratio.
So, a screen with 1024x768 physical resolution with a DPR of 2 will have a 512x384 logical resolution.
CSS uses logical resolution. DPR is often used on mobile devices.