픽셀 ↔ 실제 크기(cm·DPI) 변환기

3000픽셀 이미지라도 300dpi로 인쇄하면 72dpi보다 작게 나옵니다. DPI는 밀도이기 때문에 값이 클수록 같은 픽셀 수를 더 좁은 종이에 눌러 담습니다. 웹용 이미지는 보통 72dpi, 인쇄용 사진은 300dpi 이상을 기준으로 삼습니다.

초기 매킨토시 화면 해상도가 72dpi였던 관행이 남아 웹 이미지는 오랫동안 72dpi를 기준으로 삼았습니다. 지금 웹 표준은 화면 크기와 무관하게 1인치를 96px로 정의합니다(출처: W3C CSS Values and Units Module Level 4 §6.2, 1in = 96px). 인쇄는 반대로 종이 위 실제 잉크 점의 밀도이므로 결과가 확연히 다릅니다 — 문서·사진 인화는 관행적으로 300dpi를 기준으로 삼고(규격이 아니라 상업 인쇄의 경험칙입니다), 세밀한 선화나, 인쇄물을 확대해서 자세히 들여다볼 가능성이 있는 고급 화보집은 600dpi까지 씁니다(일반 사진 인화는 300dpi로 충분합니다). 같은 1800픽셀 이미지도 72dpi로 인쇄하면 약 63.5cm, 300dpi면 15.24cm, 600dpi면 7.62cm로 폭이 8배 이상 벌어집니다. 1인치는 정확히 25.4mm이므로(근거: 1959년 국제 야드·파운드 협정), 위 cm 값에 10을 곱하면 mm 단위 값도 바로 나옵니다.

원하는 인화 크기를 알면 필요한 픽셀 수를 거꾸로 구할 수 있습니다. 계산 과정은 다음과 같습니다. ① 인화할 크기를 인치로 바꿉니다(4×6인치 사진이면 그대로 4와 6). ② 목표 DPI를 정합니다(사진 인화 표준 300dpi). ③ 인치 × dpi로 필요 픽셀 수를 구합니다. 4×6인치를 300dpi로 뽑으려면 가로 4×300=1200px, 세로 6×300=1800px, 즉 1200×1800px 이상이 있어야 흐려지지 않습니다. 같은 방식으로 5×7인치는 1500×2100px, 8×10인치는 2400×3000px가 필요합니다. 반대로 이 계산기에 그 픽셀 수와 300을 넣으면 다시 인치·cm·mm로 환산해 확인할 수 있습니다.

노트북·스마트폰의 고DPI(레티나) 화면은 화면에 박힌 실제 점, 즉 물리 픽셀이 CSS가 다루는 픽셀보다 훨씬 촘촘합니다. devicePixelRatio가 2인 화면은 CSS 1px마다 물리 픽셀을 2×2=4개 채우고, 3인 화면은 3×3=9개를 채웁니다. 그래서 웹에서 '1000px 이미지'라고 표시돼도 실제로 화면에 박히는 점은 레티나 화면에서 2000px, 3000px에 해당하는 만큼일 수 있습니다. 이 계산기의 DPI 값은 인쇄용 물리 밀도를 다루므로, 화면 표시에 필요한 픽셀 수를 가늠할 때는 devicePixelRatio를 별도로 곱해서 판단해야 합니다. 인쇄용 DPI와 화면용 devicePixelRatio는 이름만 비슷할 뿐 서로 다른 개념이라는 점도 함께 기억해 두면 좋습니다. 결국 레티나 화면이 같은 이미지 파일을 더 선명하게 보여주는 건 이미지의 인쇄 DPI가 올라가서가 아니라, 화면이 그 픽셀들을 더 많은 물리 픽셀로 그려내기 때문입니다.

이미지 파일에는 촬영·저장 당시의 픽셀 수만 담겨 있습니다. 화면이나 인쇄 프로그램에서 크기를 키우면 소프트웨어가 있는 픽셀 사이를 주변 색으로 채워 넣을 뿐(보간) 새로운 정보를 만들어내지는 못합니다. 결과적으로 같은 픽셀 수를 더 넓은 면적에 펼치는 셈이 되어 실질 DPI가 낮아지고, 경계선이 뭉개져 흐리게 보입니다. 위 계산기에서 픽셀 수는 그대로 두고 목표 DPI만 낮춰 보면, 같은 원리로 인쇄 크기는 커지되 선명도가 떨어지는 관계를 수치로 확인할 수 있습니다. 이미지를 확대해서 쓸 계획이라면, 처음부터 더 높은 픽셀 수로 촬영·저장해 두는 편이 나중에 보간으로 때우는 것보다 낫습니다. 결국 확대 후 체감되는 화질 저하는 DPI 자체가 나빠져서가 아니라, 같은 픽셀 수가 더 넓은 면적에 흩어지며 밀도가 떨어지는 현상입니다.