이미지를 만들 때 해상도를 얼마로 설정해야 할지 헷갈리셨나요? 먼저 웹 화면에 사용할 것인지, 인쇄할 것인지부터 정해야 합니다.
픽셀 수, PPI, DPI는 서로 연결되지만 같은 뜻은 아닙니다. 이 차이를 알아야 필요한 크기로 만들고, 불필요하게 큰 파일을 줄일 수 있습니다.
01. 해상도와 픽셀 수
이미지의 가로·세로 픽셀 수는 실제 이미지 데이터를 얼마나 가지고 있는지 보여줍니다. 예를 들어 1920×1080px은 가로 1920개, 세로 1080개의 픽셀로 구성된 이미지입니다.
- PPI · Pixels Per Inch: 길이 1인치에 들어가는 이미지 픽셀 수입니다. 인쇄 크기를 정할 때 중요하며, 화면 자체의 픽셀 밀도를 설명할 때도 사용합니다.
- DPI · Dots Per Inch: 프린터 같은 출력 장치가 길이 1인치에 찍는 점의 수입니다. 이미지 파일의 PPI와 구분해야 합니다.
같은 픽셀 수를 가진 화면도 물리적인 크기가 다르면 픽셀 밀도가 달라집니다. 따라서 화면의 픽셀 수만으로 선명도를 판단할 수는 없습니다.
02. 웹 화면용 이미지
72PPI를 정답으로 외우지 마세요.
웹에서는 이미지 파일에 적힌 PPI보다 실제 픽셀 크기와 화면에 표시되는 크기가 중요합니다. 1000×1000px 이미지는 리샘플링 없이 PPI만 72에서 300으로 바꿔도 같은 픽셀 데이터를 가지고 있습니다.
리샘플링을 켜고 크기나 해상도를 바꾸면 픽셀이 추가되거나 삭제됩니다. 이때는 파일 크기와 화질도 달라질 수 있습니다. PPI 수치만 올리면 선명해진다는 식으로 이해하면 안 됩니다.
1920px도 모든 사이트의 기준은 아닙니다.
FHD(1920×1080), QHD(2560×1440), UHD(3840×2160)는 화면의 물리적인 픽셀 수를 나타내는 예입니다. 웹사이트 작업 폭은 모니터의 픽셀 수와 같은 의미가 아닙니다.
브라우저에서 사용할 수 있는 화면 폭, 콘텐츠의 길이, 모바일에서의 구성을 함께 보세요. 작은 화면부터 설계하는 모바일 우선 방식도 있고, 큰 화면부터 조정하는 방식도 있습니다.
특정 인치의 모니터에 한 가지 해상도만 적합하다고 단정하기도 어렵습니다. 운영체제의 화면 배율, 시청 거리, 실제 사용 목적에 따라 적절한 설정은 달라집니다.
03. 모바일의 논리 단위와 실제 픽셀
고밀도 화면에서는 화면을 구성하는 단위와 실제 픽셀 수를 구분해야 합니다. 작은 화면에 물리 픽셀이 많이 들어간다고 해서 버튼과 글자를 그 픽셀 수 그대로 작게 만들지는 않습니다.
- iOS: 화면 구성에 pt(point)를 사용합니다. 인쇄용 pt나 CSS의 pt와 같은 의미로 계산하면 안 됩니다.
- Android: 레이아웃에는 dp, 글자 크기에는 사용자의 글자 크기 설정을 반영하는 sp를 사용합니다.
- 웹: CSS px과 실제 화면 픽셀은 다를 수 있습니다. 브라우저의 배율과 기기의 픽셀 배율을 함께 고려합니다.
2배 화면이라면 논리 크기의 가로·세로 각각에 물리 픽셀 2개가 대응합니다. 면적으로는 2×2, 즉 4개입니다. 3배 화면은 가로·세로 각각 3개, 면적으로는 9개가 대응합니다.
Android의 배율은 정수만 있는 것이 아니며, 같은 기기도 화면 표시 설정에 따라 작업 공간이 달라질 수 있습니다. 기기 이름별로 한 가지 작업 크기를 외우기보다 대상 환경을 확인하는 것이 좋습니다.
| 표시 크기 예시 | 배율 | 비트맵 이미지 크기 예시 |
|---|---|---|
| 100×100 논리 단위 | 2배 | 200×200px |
| 100×100 논리 단위 | 3배 | 300×300px |
이는 배율을 이해하기 위한 예입니다. 사진은 실제 표시 크기와 용량을 함께 보고 준비하고, 로고·아이콘처럼 벡터로 만들 수 있는 요소는 SVG 등을 검토하면 됩니다. iOS의 @2x·@3x 이미지와 웹의 반응형 이미지 전달 방식은 구현 방법이 다릅니다.
04. 인쇄용 이미지와 출력 조건
인쇄에서는 최종 출력 크기를 기준으로 이미지의 PPI를 확인합니다. 일반적인 고품질 인쇄에서 300PPI를 출발점으로 삼을 수 있지만, 모든 인쇄물에 같은 수치를 적용하는 것은 아닙니다.
가까이 보는 소책자와 멀리 보는 현수막은 필요한 이미지 밀도가 다릅니다. 종이, 인쇄 방식, 보는 거리, 출력소의 요구사항을 함께 확인하세요.
| 사용 상황 | 확인할 내용 |
|---|---|
| 사진이 들어가는 책자·브로슈어 | 최종 배치 크기에서의 PPI와 출력소의 권장값 확인 |
| 대형 포스터·현수막 | 관람 거리와 제작 크기에 맞는 이미지 밀도 확인 |
| 로고·작은 글자 | 가능하면 벡터·텍스트 상태 유지, 래스터화가 필요한지 확인 |
LPI와 이미지 PPI의 관계
LPI(Lines Per Inch)는 망점을 사용하는 인쇄에서 스크린 선수를 나타냅니다. 전통적인 망점 인쇄에서는 이미지 PPI를 LPI의 약 1.5~2배로 준비하는 것을 참고할 수 있습니다.
| 스크린 선수 예시 | 이미지 PPI 계산 예시 |
|---|---|
| 150LPI | 225~300PPI |
| 175LPI | 약 263~350PPI |
이 계산은 해당 망점 인쇄 방식의 참고 기준입니다. 디지털 인쇄나 대형 출력까지 일괄 적용하지 말고, 최종 납품 조건은 출력소와 맞추는 것이 좋습니다.
내용 확인에 참고한 자료
검토일: 2026-10-09