1280px 기준 PX → VW 변환표
데스크톱 시안 · 노트북 화면과 콘텐츠 최대 너비로 많이 쓰는 데스크톱 기준입니다. 아래 계산기로 바로 변환하거나 표에서 값을 찾아보세요.
시안(아트보드) 너비
px
vw
1280px 기준 px → vw 변환표
공식: vw = px ÷ 1280 × 100 · 1px = 0.0781vw · 1vw = 12.8px
| px | vw |
|---|---|
| 1px | 0.078vw |
| 2px | 0.156vw |
| 4px | 0.313vw |
| 6px | 0.469vw |
| 8px | 0.625vw |
| 10px | 0.781vw |
| 12px | 0.938vw |
| 13px | 1.016vw |
| 14px | 1.094vw |
| 15px | 1.172vw |
| 16px | 1.25vw |
| 17px | 1.328vw |
| 18px | 1.406vw |
| 20px | 1.563vw |
| 22px | 1.719vw |
| 24px | 1.875vw |
| 26px | 2.031vw |
| 28px | 2.188vw |
| px | vw |
|---|---|
| 30px | 2.344vw |
| 32px | 2.5vw |
| 36px | 2.813vw |
| 40px | 3.125vw |
| 44px | 3.438vw |
| 48px | 3.75vw |
| 50px | 3.906vw |
| 56px | 4.375vw |
| 60px | 4.688vw |
| 64px | 5vw |
| 72px | 5.625vw |
| 80px | 6.25vw |
| 90px | 7.031vw |
| 96px | 7.5vw |
| 100px | 7.813vw |
| 120px | 9.375vw |
| 140px | 10.938vw |
| 160px | 12.5vw |
| px | vw |
|---|---|
| 180px | 14.063vw |
| 200px | 15.625vw |
| 240px | 18.75vw |
| 280px | 21.875vw |
| 300px | 23.438vw |
| 320px | 25vw |
| 360px | 28.125vw |
| 400px | 31.25vw |
| 480px | 37.5vw |
| 500px | 39.063vw |
| 600px | 46.875vw |
| 640px | 50vw |
| 720px | 56.25vw |
| 800px | 62.5vw |
| 960px | 75vw |
| 1000px | 78.125vw |
| 1200px | 93.75vw |
CSS 일괄 변환
CSS를 붙여넣으면 모든 값이 바로 변환됩니다. @media 조건은 그대로 둡니다.
SCSS · CSS로 직접 계산하기
기준 너비가 반영된 함수입니다. 프로젝트에 붙여넣어 쓰세요.
SCSS
CSS
1280px 기준 vw → px 역변환표
| vw | px |
|---|---|
| 0.1vw | 1.28px |
| 0.25vw | 3.2px |
| 0.5vw | 6.4px |
| 0.75vw | 9.6px |
| 1vw | 12.8px |
| 1.25vw | 16px |
| 1.5vw | 19.2px |
| 2vw | 25.6px |
| 2.5vw | 32px |
| vw | px |
|---|---|
| 3vw | 38.4px |
| 4vw | 51.2px |
| 5vw | 64px |
| 6vw | 76.8px |
| 7.5vw | 96px |
| 8vw | 102.4px |
| 10vw | 128px |
| 12.5vw | 160px |
| vw | px |
|---|---|
| 15vw | 192px |
| 20vw | 256px |
| 25vw | 320px |
| 30vw | 384px |
| 40vw | 512px |
| 50vw | 640px |
| 75vw | 960px |
| 100vw | 1280px |
다른 화면에서는 어떻게 보일까?
1280px 시안에서 변환한 vw 값이 실제 화면 너비에 따라 몇 px로 보이는지 비교한 표입니다.
| 시안 값 | vw | 1440px 화면 | 1920px 화면 | 2560px 화면 |
|---|---|---|---|---|
| 12px | 0.938vw | 13.5px | 18px | 24px |
| 14px | 1.094vw | 15.8px | 21px | 28px |
| 16px | 1.25vw | 18px | 24px | 32px |
| 20px | 1.563vw | 22.5px | 30px | 40px |
| 24px | 1.875vw | 27px | 36px | 48px |
| 32px | 2.5vw | 36px | 48px | 64px |
| 48px | 3.75vw | 54px | 72px | 96px |
| 64px | 5vw | 72px | 96px | 128px |
자주 묻는 질문
1280px 기준으로 16px는 몇 vw인가요?
(16 ÷ 1280) × 100 = 1.25vw입니다. 소수점 둘째 자리까지 쓰면 1.25vw입니다.
1280px 기준 1vw는 몇 px인가요?
1280px 화면에서 1vw는 화면 너비의 1%인 12.8px입니다. 반대로 1px은 0.0781vw입니다.
1280px 시안을 vw로 바꾸면 다른 화면에서는 어떻게 보이나요?
vw는 화면 너비에 비례하므로, 1280px 시안의 24px(1.875vw)는 1440px 화면에서 27px, 1920px 화면에서 36px, 2560px 화면에서 48px로 보입니다. 너무 작아지거나 커지지 않도록 clamp()로 최소·최대 크기를 함께 지정하는 것이 좋습니다.