1366px to VW Conversion Table
Desktop design · The typical screen width of budget laptops. Convert live with the calculator below or look values up in the table.
px → vw table for a 1366px base
Formula: vw = px ÷ 1366 × 100 · 1px = 0.0732vw · 1vw = 13.66px
| px | vw |
|---|---|
| 1px | 0.073vw |
| 2px | 0.146vw |
| 4px | 0.293vw |
| 6px | 0.439vw |
| 8px | 0.586vw |
| 10px | 0.732vw |
| 12px | 0.878vw |
| 13px | 0.952vw |
| 14px | 1.025vw |
| 15px | 1.098vw |
| 16px | 1.171vw |
| 17px | 1.245vw |
| 18px | 1.318vw |
| 20px | 1.464vw |
| 22px | 1.611vw |
| 24px | 1.757vw |
| 26px | 1.903vw |
| 28px | 2.05vw |
| px | vw |
|---|---|
| 30px | 2.196vw |
| 32px | 2.343vw |
| 36px | 2.635vw |
| 40px | 2.928vw |
| 44px | 3.221vw |
| 48px | 3.514vw |
| 50px | 3.66vw |
| 56px | 4.1vw |
| 60px | 4.392vw |
| 64px | 4.685vw |
| 72px | 5.271vw |
| 80px | 5.857vw |
| 90px | 6.589vw |
| 96px | 7.028vw |
| 100px | 7.321vw |
| 120px | 8.785vw |
| 140px | 10.249vw |
| 160px | 11.713vw |
| px | vw |
|---|---|
| 180px | 13.177vw |
| 200px | 14.641vw |
| 240px | 17.57vw |
| 280px | 20.498vw |
| 300px | 21.962vw |
| 320px | 23.426vw |
| 360px | 26.354vw |
| 400px | 29.283vw |
| 480px | 35.139vw |
| 500px | 36.603vw |
| 600px | 43.924vw |
| 640px | 46.852vw |
| 720px | 52.709vw |
| 800px | 58.565vw |
| 960px | 70.278vw |
| 1000px | 73.206vw |
| 1200px | 87.848vw |
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 1366px base
| vw | px |
|---|---|
| 0.1vw | 1.37px |
| 0.25vw | 3.42px |
| 0.5vw | 6.83px |
| 0.75vw | 10.24px |
| 1vw | 13.66px |
| 1.25vw | 17.07px |
| 1.5vw | 20.49px |
| 2vw | 27.32px |
| 2.5vw | 34.15px |
| vw | px |
|---|---|
| 3vw | 40.98px |
| 4vw | 54.64px |
| 5vw | 68.3px |
| 6vw | 81.96px |
| 7.5vw | 102.45px |
| 8vw | 109.28px |
| 10vw | 136.6px |
| 12.5vw | 170.75px |
| vw | px |
|---|---|
| 15vw | 204.9px |
| 20vw | 273.2px |
| 25vw | 341.5px |
| 30vw | 409.8px |
| 40vw | 546.4px |
| 50vw | 683px |
| 75vw | 1024.5px |
| 100vw | 1366px |
How does it look on other screens?
What the vw values from a 1366px design render as, in px, on other viewport widths.
| Design value | vw | 1280px screen | 1440px screen | 1920px screen |
|---|---|---|---|---|
| 12px | 0.878vw | 11.2px | 12.7px | 16.9px |
| 14px | 1.025vw | 13.1px | 14.8px | 19.7px |
| 16px | 1.171vw | 15px | 16.9px | 22.5px |
| 20px | 1.464vw | 18.7px | 21.1px | 28.1px |
| 24px | 1.757vw | 22.5px | 25.3px | 33.7px |
| 32px | 2.343vw | 30px | 33.7px | 45px |
| 48px | 3.514vw | 45px | 50.6px | 67.5px |
| 64px | 4.685vw | 60px | 67.5px | 90px |
Frequently asked questions
How many vw is 16px on a 1366px base?
(16 ÷ 1366) × 100 = 1.1713vw. Rounded to two decimals that is 1.17vw.
How many px is 1vw on a 1366px screen?
On a 1366px-wide screen 1vw is 1% of the width, i.e. 13.66px. Conversely, 1px is 0.0732vw.
What happens to a 1366px design converted to vw on other screens?
vw scales with the viewport width, so 24px (1.757vw) from a 1366px design renders as 22.5px on a 1280px screen, 25.3px on a 1440px screen, 33.7px on a 1920px screen. Use clamp() to set minimum and maximum sizes so values never get too small or too large.