393px to VW Conversion Table
Mobile design · iPhone 15 and 16 width, the latest iPhone frame preset in Figma. Convert live with the calculator below or look values up in the table.
px → vw table for a 393px base
Formula: vw = px ÷ 393 × 100 · 1px = 0.2545vw · 1vw = 3.93px
| px | vw |
|---|---|
| 1px | 0.254vw |
| 2px | 0.509vw |
| 4px | 1.018vw |
| 6px | 1.527vw |
| 8px | 2.036vw |
| 10px | 2.545vw |
| 12px | 3.053vw |
| 13px | 3.308vw |
| 14px | 3.562vw |
| 15px | 3.817vw |
| 16px | 4.071vw |
| 17px | 4.326vw |
| 18px | 4.58vw |
| 20px | 5.089vw |
| 22px | 5.598vw |
| 24px | 6.107vw |
| 26px | 6.616vw |
| 28px | 7.125vw |
| px | vw |
|---|---|
| 30px | 7.634vw |
| 32px | 8.142vw |
| 36px | 9.16vw |
| 40px | 10.178vw |
| 44px | 11.196vw |
| 48px | 12.214vw |
| 50px | 12.723vw |
| 56px | 14.249vw |
| 60px | 15.267vw |
| 64px | 16.285vw |
| 72px | 18.321vw |
| 80px | 20.356vw |
| 90px | 22.901vw |
| 96px | 24.427vw |
| 100px | 25.445vw |
| 120px | 30.534vw |
| 140px | 35.623vw |
| 160px | 40.712vw |
| px | vw |
|---|---|
| 180px | 45.802vw |
| 200px | 50.891vw |
| 240px | 61.069vw |
| 280px | 71.247vw |
| 300px | 76.336vw |
| 320px | 81.425vw |
| 360px | 91.603vw |
| 400px | 101.781vw |
| 480px | 122.137vw |
| 500px | 127.226vw |
| 600px | 152.672vw |
| 640px | 162.85vw |
| 720px | 183.206vw |
| 800px | 203.562vw |
| 960px | 244.275vw |
| 1000px | 254.453vw |
| 1200px | 305.344vw |
Batch CSS converter
Paste CSS and every value converts instantly. @media conditions are left untouched.
Calculate in SCSS or CSS
Functions with your base width baked in. Paste them into your project.
SCSS
CSS
vw → px table for a 393px base
| vw | px |
|---|---|
| 0.1vw | 0.39px |
| 0.25vw | 0.98px |
| 0.5vw | 1.97px |
| 0.75vw | 2.95px |
| 1vw | 3.93px |
| 1.25vw | 4.91px |
| 1.5vw | 5.89px |
| 2vw | 7.86px |
| 2.5vw | 9.82px |
| vw | px |
|---|---|
| 3vw | 11.79px |
| 4vw | 15.72px |
| 5vw | 19.65px |
| 6vw | 23.58px |
| 7.5vw | 29.48px |
| 8vw | 31.44px |
| 10vw | 39.3px |
| 12.5vw | 49.13px |
| vw | px |
|---|---|
| 15vw | 58.95px |
| 20vw | 78.6px |
| 25vw | 98.25px |
| 30vw | 117.9px |
| 40vw | 157.2px |
| 50vw | 196.5px |
| 75vw | 294.75px |
| 100vw | 393px |
How does it look on other screens?
What the vw values from a 393px design render as, in px, on other viewport widths.
| Design value | vw | 320px screen | 360px screen | 390px screen |
|---|---|---|---|---|
| 12px | 3.053vw | 9.8px | 11px | 11.9px |
| 14px | 3.562vw | 11.4px | 12.8px | 13.9px |
| 16px | 4.071vw | 13px | 14.7px | 15.9px |
| 20px | 5.089vw | 16.3px | 18.3px | 19.8px |
| 24px | 6.107vw | 19.5px | 22px | 23.8px |
| 32px | 8.142vw | 26.1px | 29.3px | 31.8px |
| 48px | 12.214vw | 39.1px | 44px | 47.6px |
| 64px | 16.285vw | 52.1px | 58.6px | 63.5px |
Frequently asked questions
How many vw is 16px on a 393px base?
(16 ÷ 393) × 100 = 4.0712vw. Rounded to two decimals that is 4.07vw.
How many px is 1vw on a 393px screen?
On a 393px-wide screen 1vw is 1% of the width, i.e. 3.93px. Conversely, 1px is 0.2545vw.
What happens to a 393px design converted to vw on other screens?
vw scales with the viewport width, so 16px (4.071vw) from a 393px design renders as 13px on a 320px screen, 14.7px on a 360px screen, 15.9px on a 390px screen. Use clamp() to set minimum and maximum sizes so values never get too small or too large.