해상도와 DPI/PPI의 차이 — 웹과 인쇄에서 헷갈리는 개념 정리

8/3/2026해상도DPIPPI인쇄이미지편집

웹 디자이너나 사진가들이 가장 자주 헷갈려하는 개념이 있습니다. 바로 '해상도'와 'DPI/PPI'의 차이입니다. 같은 1000×1000 픽셀의 이미지를 웹에 올리면 손가락 한 마디 크기로 보이지만, 같은 해상도를 인쇄용으로 설정하면 벽 크기까지 커지기도 합니다. 이 혼란을 야기하는 것은 '픽셀'과 '물리적 크기'라는 두 가지 개념이 섞여 있기 때문입니다. 본 글에서는 해상도와 DPI/PPI의 정확한 정의, 웹과 인쇄에서의 올바른 설정값, 실무에서 자주 하는 실수와 해결책을 구체적 사례로 정리하겠습니다.

픽셀(해상도)과 DPI/PPI는 완전히 다른 개념입니다

가장 먼저 이해할 점은 '픽셀'과 '인치당 도트 수'가 서로 다르다는 것입니다. 픽셀(pixel)은 이미지를 구성하는 최소 단위이며, 이는 절대적인 데이터입니다. 1000×800 픽셀이라는 것은 가로 1000개, 세로 800개의 색깔 점이 있다는 뜻이며, 이 데이터는 어디서나 변하지 않습니다.

반면 DPI(Dots Per Inch)와 PPI(Pixels Per Inch)는 그 픽셀이 물리적으로 얼마나 조밀하게 표현되는지를 나타내는 상대적인 정보입니다. 같은 1000×800 픽셀 이미지라도 DPI를 72로 설정하면 약 13.8인치×11인치 크기가 되지만, 300 DPI로 설정하면 약 3.3인치×2.7인치가 됩니다. 피클은 그대로인데 물리적 크기만 달라지는 것입니다.

DPI와 PPI를 구분하는 것도 중요합니다. 엄밀히 말해 DPI는 프린터가 1인치에 인쇄할 수 있는 점(dot)의 개수이고, PPI는 화면 또는 이미지가 1인치에 가진 픽셀의 개수입니다. 하지만 실무에서는 대부분 혼용되어 사용되며, 일반적으로 '해상도'라 하면 PPI를 의미합니다.

웹용 이미지는 72~96 PPI가 표준입니다

웹 이미지의 경우, PPI 개념이 사실상 무의미합니다. 왜냐하면 웹 브라우저는 이미지의 메타데이터에 기록된 PPI를 거의 무시하고, 오직 픽셀 크기만 인식하기 때문입니다. 웹 개발자들이 '72 PPI'나 '96 PPI'를 언급하는 것은 과거 모니터 표준에서 나온 관례일 뿐, 현대 웹에서는 실질적 영향을 미치지 않습니다.

웹에서 중요한 것은 픽셀 크기 자체입니다. 데스크톱 기준으로 블로그 본문 이미지는 보통 600~800 픽셀 너비, SNS 썸네일은 1200×630 픽셀, 인스타그램 피드는 1080×1080 픽셀 같은 식으로 픽셀 기준으로 설정합니다. 이때 PPI 설정은 무시해도 됩니다. 다만 SEO와 로딩 속도 최적화 차원에서 픽셀당 파일 크기(KB)를 줄이는 것이 중요합니다.

웹용 이미지를 준비할 때 권장 설정은 다음과 같습니다. RGB 색공간(CMYK 절대 금지), sRGB 감마 보정, 72 PPI 메타데이터 기록(사실상 형식적), 그리고 모바일과 데스크톱 양쪽을 고려한 1.5배 또는 2배 크기 이미지(예: 데스크톱 600px 기준 모바일용 1200px) 준비입니다. 이렇게 하면 고해상도 디스플레이에서도 선명하게 표현됩니다.

인쇄용 이미지는 300 DPI 이상이 필수입니다

인쇄용 이미지는 웹과 정반대로 DPI/PPI가 매우 중요합니다. 인쇄소에 전달되는 이미지는 반드시 300 DPI 이상이어야 합니다. 이는 국제 표준이며, 대부분의 전문 인쇄소가 이를 요구합니다.

왜 300 DPI인가? 인간의 눈은 약 300 DPI 수준의 조밀도부터 개별 점을 구분하기 어렵다고 알려져 있습니다. 따라서 그 이상은 지각하기 어렵고, 그 이하는 '모자이크' 또는 '계단 현상'이 보입니다. 실무 기준은 다음과 같습니다.

용도	권장 DPI	최소 DPI	이유
전단지, 포스터	300	300	일반적 인쇄 표준
고급 잡지, 화보	300~350	300	광택 용지에 세밀함 필요
신문, 저가 인쇄물	200~240	150	거친 용지, 배경 인쇄 특성
책 본문 흑백	300	300	텍스트 선명도 필수
금속, 천 등 특수 매체	400~600	300	표면 특성에 따라 조정

중요한 주의점은 '기존 웹 이미지를 인쇄용으로 변환할 수 없다'는 것입니다. 800×600 픽셀의 웹 이미지를 아무리 300 DPI로 재설정해도, 데이터는 그대로이므로 인쇄하면 흐릿합니다. 반드시 원본부터 충분한 픽셀을 가진 이미지를 확보해야 합니다.

실전 계산: 필요한 픽셀 크기 구하기

인쇄물 제작 시 필요한 픽셀 크기를 구하는 공식은 매우 간단합니다.

필요 픽셀 = 인쇄 크기(인치) × DPI

예를 들어, A4 사이즈(210mm × 297mm = 8.27인치 × 11.69인치)의 포스터를 300 DPI로 인쇄한다면:

가로: 8.27인치 × 300 DPI = 2,481 픽셀
세로: 11.69인치 × 300 DPI = 3,507 픽셀

따라서 최소 2481×3507 픽셀의 이미지가 필요합니다. 실제 제작할 때는 인쇄소 재단 손실(보통 상하좌우 약 3mm)을 고려하여 '블리드(bleed)'를 추가합니다. 300 DPI 기준으로 약 35~40 픽셀을 여백에 더합니다.

또 다른 예시로, 4×6인치 사이즈 사진을 300 DPI로 인쇄하려면:

가로: 4인치 × 300 = 1,200 픽셀
세로: 6인치 × 300 = 1,800 픽셀

즉, 1200×1800 픽셀 이상의 원본이 필요합니다. 스마트폰 카메라가 보통 3000×4000 픽셀 이상이므로, 일반 사진은 인쇄용으로 충분합니다. 하지만 웹에서 다운받은 1024×768 픽셀 이미지는 절대 인쇄할 수 없습니다.

sRGB와 CMYK: 색공간도 용도에 맞춰야 합니다

DPI 못지않게 중요한 것이 색공간입니다. 웹과 인쇄는 색을 전혀 다르게 표현합니다. 웹과 모니터는 RGB 색공간(Red, Green, Blue)을 사용하여 빛으로 색을 표현하고, 인쇄는 CMYK 색공간(Cyan, Magenta, Yellow, blacK)을 사용하여 잉크로 색을 표현합니다.

웹용 이미지를 반드시 sRGB로 설정하는 이유는 호환성 때문입니다. sRGB는 표준 웹 색공간이며, 대부분의 모니터와 기기가 이를 기본 가정으로 합니다. Adobe RGB나 ProPhoto RGB는 색 표현 범위가 넓지만, 웹 브라우저가 제대로 표시하지 못합니다.

인쇄용은 CMYK로 변환해야 합니다. RGB의 밝은 초록색(RGB 0, 255, 0)은 CMYK에서 표현 불가능한 영역(out of gamut)에 속합니다. 그래서 인쇄소에 RGB 파일을 보내면, 인쇄소가 임의로 변환하게 되어 색상이 달라집니다. 따라서 반드시 Photoshop 등에서 RGB → CMYK로 직접 변환한 후 전달해야 정확한 색이 나옵니다.

실전 팁: 해상도 혼동에서 벗어나기

혼동을 피하기 위한 체크리스트를 정리하겠습니다.

웹용 이미지 제작 시:

픽셀 크기만 신경 쓰세요(예: 1200×630px 유튜브 썸네일)
색공간은 sRGB, RGB 중 하나 선택
DPI/PPI 설정은 형식적이므로 무시해도 됨
대신 파일 크기 최적화(용량 100KB~300KB)에 집중

인쇄용 이미지 제작 시:

필요한 최소 픽셀을 공식으로 먼저 계산(인쇄크기×DPI)
DPI는 반드시 300 이상(신문 제외)
색공간을 CMYK로 변환 후 전달
블리드(3~5mm 여백) 추가하여 인쇄소 지침 확인

가장 흔한 실수는 '웹 이미지의 DPI를 300으로 올린 후 인쇄하는 것'입니다. 이는 마치 1인치 길이의 막대를 "이제부터 이건 1피트"라고 부르는 것과 같습니다. 선언만으로는 길이가 늘어나지 않습니다. 데이터(픽셀)가 충분해야 합니다.

이미지 크기 조정, 해상도 변환, 색공간 전환 같은 작업을 자주 반복한다면 편집 도구를 활용하는 것이 효율적입니다. editpixel의 이미지 편집기는 픽셀 크기 조정, 색공간 변환, 메타데이터 관리를 한 곳에서 처리할 수 있어, 이런 반복 작업을 빠르게 처리하는 데 유용합니다. 특히 대량의 인쇄물을 준비할 때 정확한 스펙 설정으로 인쇄소 전달 오류를 줄일 수 있습니다.

웹과 인쇄의 차이를 정확히 이해하면, 같은 이미지도 용도에 맞게 올바르게 준비할 수 있습니다. 특히 중요한 인쇄물이나 상업용 콘텐츠를 다룬다면 이 기초 지식이 매우 큰 차이를 만듭니다.