블로그로 돌아가기

픽셀 변환 치트 시트 — 모든 흔한 DPI에서 px를 mm/cm/인치로

Screen Ruler TeamApril 28, 202614 min read
pixel conversion cheat sheetpx to mm tablepixel to inch tabledpi conversion chart

디지털 픽셀과 물리 인쇄 사이를 오가는 디자이너, 개발자, 사진가, 그리고 모든 사람을 위한 실용 레퍼런스예요. 이 표들을 복사하거나 이 페이지를 즐겨찾기에 넣거나, 룩업에 없는 값이 필요할 때 픽셀 변환기를 여세요.

아래 표는 표준 1 인치 = 25.4 mm와 픽셀 = 인치 × DPI를 가정해요. 매체가 목록에 없는 DPI를 쓰면 변환기의 사용자 지정 DPI 옵션에 숫자를 넣어 즉시 답을 얻으세요.

1. 흔한 DPI에서 픽셀을 밀리미터로

가장 많이 묻는 변환이에요. 주어진 출력 해상도에서 주어진 픽셀 수가 몇 밀리미터를 커버하나요?

픽셀 72 DPI 96 DPI (웹) 150 DPI 300 DPI (인쇄) 600 DPI
1 0.35 0.26 0.17 0.085 0.042
10 3.53 2.65 1.69 0.85 0.42
50 17.64 13.23 8.47 4.23 2.12
100 35.28 26.46 16.93 8.47 4.23
250 88.19 66.15 42.33 21.17 10.58
500 176.39 132.29 84.67 42.33 21.17
800 282.22 211.67 135.47 67.73 33.87
1000 352.78 264.58 169.33 84.67 42.33
1920 677.33 508.00 325.12 162.56 81.28
2400 846.67 635.00 406.40 203.20 101.60

표 읽기: 96 DPI(CSS 웹 픽셀)에서 100 픽셀은 약 26 mm — 대략 US 쿼터의 너비예요. 인쇄용 300 DPI에서 같은 100 픽셀은 약 8 mm뿐이에요 — 새끼손가락 손톱 너비. 같은 픽셀 수, 3배 작은 인쇄 — 점이 더 빽빽이 찼기 때문이에요.

2. 흔한 DPI에서 픽셀을 인치로

같은 변환을 인치로, US/UK 인쇄 스펙과 제품 패키지를 위해.

픽셀 72 DPI 96 DPI 150 DPI 300 DPI 600 DPI
72 1.0000 0.7500 0.4800 0.2400 0.1200
96 1.3333 1.0000 0.6400 0.3200 0.1600
150 2.0833 1.5625 1.0000 0.5000 0.2500
300 4.1667 3.1250 2.0000 1.0000 0.5000
600 8.3333 6.2500 4.0000 2.0000 1.0000
1024 14.2222 10.6667 6.8267 3.4133 1.7067
1920 26.6667 20.0000 12.8000 6.4000 3.2000
3000 41.6667 31.2500 20.0000 10.0000 5.0000
6000 83.3333 62.5000 40.0000 20.0000 10.0000

대각선 패턴: 픽셀 수가 DPI와 같은 곳에서 정확히 1인치를 얻어요 — 그게 DPI의 정의예요. 96 px @ 96 DPI = 1 인치; 300 px @ 300 DPI = 1 인치.

3. 밀리미터를 픽셀로 — 인쇄 스펙 목표

인쇄소 스펙이 밀리미터고 어떤 픽셀 크기를 소싱해야 할지 알아야 할 때.

목표 크기 (mm) 150 DPI 300 DPI 600 DPI
10 59 118 236
25 148 295 591
50 295 591 1181
100 591 1181 2362
150 886 1772 3543
210 1240 2480 4961
297 1754 3508 7016

왜 210과 297: 그게 A4 용지의 짧은·긴 변이에요. 그래서 300 DPI의 전체 페이지 A4 인쇄는 2480 × 3508 px이 필요해요 — 약 8.7 메가픽셀의 소스 데이터. 대부분의 현대 폰 카메라가 커버해요.

4. 인치를 픽셀로 — 흔한 인쇄 크기

표준 사진·인쇄 제품 크기를 일반적인 300 DPI 프레스 표준에서 변환.

크기 (인치) 픽셀 (300 DPI)
4 × 6 (엽서) 1200 × 1800
5 × 7 1500 × 2100
8 × 10 2400 × 3000
8.5 × 11 (US Letter) 2550 × 3300
11 × 14 3300 × 4200
13 × 19 3900 × 5700
16 × 20 4800 × 6000
20 × 30 6000 × 9000
24 × 36 (포스터) 7200 × 10800
30 × 40 9000 × 12000

카메라 현실 체크: 24 MP 카메라(6000 × 4000 px)는 300 DPI에서 약 20 × 13.3 인치까지 네이티브로 인쇄해요. 그 이상은 업샘플링이에요 — 멀리서 보는 인화엔 허용되지만 선명한 갤러리 작업엔 아니에요.

5. 물리 단위로 흔한 화면 해상도 (96 DPI)

브라우저 뷰포트 크기를 실세계 거리와 비교할 때.

해상도 너비 (mm) 너비 (인치) 용도
320 px 84.67 3.33 오래된 폰 세로 뷰포트(CSS 참조)
375 px 99.22 3.91 iPhone X 스타일 세로 뷰포트
768 px 203.20 8.00 iPad 세로 뷰포트
1024 px 270.93 10.67 iPad 가로 / 오래된 노트북
1280 px 338.67 13.33 흔한 노트북
1440 px 381.00 15.00 더 큰 노트북
1920 px 508.00 20.00 Full HD 데스크톱
2560 px 677.33 26.67 QHD 모니터
3840 px 1016.00 40.00 4K 모니터(100% 스케일링)

디스플레이 스케일링 주의: 200% OS 스케일링의 4K 모니터는 3840 px을 1080p 디스플레이의 1920 px과 시각적으로 동등하게 보여 줘요 — 그러니 사용자에게 물리적 너비는 100이 아니라 50 cm에 더 가까워요. CSS 픽셀과 96 DPI 가정이 이미 이걸 처리해요; 표는 맨 수학이 말하는 것이에요.

6. 디바이스 PPI 빠른 참조 (실세계 물리 밀도)

실제 디바이스를 물리 자로 재면 유효 PPI는 96보다 훨씬 높아요. 이게 디바이스 제조사가 실제로 화면에 패킹한 것이에요 — 특정 화면에서 물리적 1:1 측정을 보정할 때 유용해요.

디바이스 해상도 물리 크기 실제 PPI
iPhone 16 Pro 2622 × 1206 대각 6.3 인치 460
iPhone 15 / 14 2556 × 1179 대각 6.1 인치 460
iPhone SE (3세대) 1334 × 750 대각 4.7 인치 326
Samsung Galaxy S24 Ultra 3120 × 1440 대각 6.8 인치 505
iPad Pro 12.9 (M4) 2752 × 2064 대각 13 인치 264
iPad Air 2360 × 1640 대각 11 인치 264
MacBook Pro 14 (M4) 3024 × 1964 대각 14.2 인치 254
MacBook Air 13 (M3) 2560 × 1664 대각 13.6 인치 224
Dell UltraSharp 27" 4K 3840 × 2160 대각 27 인치 163
24" 1080p 모니터 1920 × 1080 대각 24 인치 92
27" 1440p 모니터 2560 × 1440 대각 27 인치 109

왜 중요한가: CSS가 1in 너비를 요청할 때 브라우저는 실제 PPI와 무관하게 96 CSS 픽셀을 그려요. 460 PPI iPhone에선 460/96 ≈ 4.8 물리 픽셀당 CSS 픽셀이에요. HiDPI 스케일링은 스스로 처리돼요; 그 수학을 손으로 할 필요 없어요. 하지만 물리적 1:1 측정을 표시하도록 화면을 보정한다면 실제 PPI가 필요해요 — 그게 디바이스 스펙 데이터베이스와 Screen Ruler가 들어오는 지점이에요.

7. CSS 단위 치트 시트 (웹 전용)

웹 작업의 경우 여러 CSS 길이 단위가 96 DPI에서 등가예요:

CSS 단위 픽셀 (96 DPI) 비고
1px 1 CSS 참조 픽셀
1pt 1.333 활자 포인트(인쇄 CSS에서 사용)
1pc 16 12 포인트
1in 96 인치
1cm 37.795 센티미터
1mm 3.7795 밀리미터
1em 가변 현재 폰트 크기와 동일 — 기본 16 px
1rem 가변 루트 폰트 크기와 동일 — 기본 16 px

왜 거의 안 나오나: 프로덕션 CSS의 대부분은 px, rem, %예요. 물리 단위(mm, cm, in)는 주로 인쇄 스타일시트(@media print)에 쓰여요. 보일 때 변환은 순수하게 위 표예요.

8. 흔한 워크플로용 DPI

가장 흔한 출력 매체에 대해 "어떤 DPI를 써야 하나"의 평탄한 목록.

워크플로 DPI 근거
웹 디자인 (CSS, HTML, 앱 UI) 96 브라우저/OS 표준. 항상.
모바일 앱 디자인 96 웹과 같음 — Retina는 @2x/@3x 자산으로 별도 처리
인쇄 교정, A2/A1 대형 포맷 150 시청 거리에서 디테일 OK
잡지, 책, 브로셔 300 프레스 출력 업계 표준
사진 인화 (4×6에서 16×20까지) 300 표준 사진 라보 기본
사진 인화 (갤러리, 파인 아트) 300–600 가까이 보는 검사엔 더 높게
선화, 기술 도면 600 어떤 줌에서도 선명한 가장자리
의류 스크린 인쇄 300 DPI는 덜 중요; 벡터 선호
빌보드 / 옥외 30–50 시청 거리가 멈; 픽셀이 클 수 있음
건축 도면 600 가는 선 작업
LCD 사이니지 96 또는 디바이스별 인쇄가 아니라 화면으로 다뤄요

9. 빠른 멘탈 단축키

변환기가 열려 있지 않을 때를 위해:

  • 96 px ≈ 1 인치. 반인치는 반(48 px), 2인치는 두 배(192 px).
  • 96 DPI에서 1 mm ≈ 4 px(엄밀히 3.78). 마진의 sanity check에 유용.
  • 96 DPI에서 1 cm = 37 또는 38 px. 같은 트릭을 더 큰 스케일로.
  • 300 DPI에서 1 mm ≈ 12 px. 그러니 50 mm 로고는 고품질 인쇄용 ~600 px 너비.
  • 300 DPI의 A4 용지는 대략 2500 × 3500 px — 거기에 앵커하고 위아래로 스케일.
  • 6000 px은 "300 DPI에서 20 인치" — 24 MP 사진의 네이티브 인쇄 크기 천장.

10. 치트 시트가 부족할 때

이 표들은 95% 케이스를 커버해요. 나머지 5% — 비표준 DPI, 이국적 용지 크기, 비일상적 물리 크기의 키오스크 화면 — 에는 픽셀 변환기를 열고 사용자 지정 DPI 옵션으로 필요한 값을 입력하세요. 수학은 같아요; 상수만 바뀌어요.

특정 화면의 물리 객체에 대해 검증해야 할 때 — Screen Ruler를 즐겨찾기에 넣어서 신용카드를 모니터에 대고 보정을 확인할 수 있게 하세요.

관련 글

관련 글