스크린샷 해상도

스크린샷 해상도는 캡처한 이미지의 가로와 세로 픽셀 수입니다. 이미지가 담을 수 있는 세부 정보와 표시할 때의 선명도, 파일 크기에 영향을 줍니다.

Related workflow terms: Retina 스크린샷.

해상도와 품질

해상도는 스크린샷이 담을 수 있는 시각적 세부 정보를 좌우하는 주요 요소입니다. 같은 화면을 더 많은 픽셀로 캡처하면 글자와 곡선을 더 세밀하게 표현할 수 있습니다. 픽셀이 부족하면 확대하거나 큰 화면에 표시할 때 글자 가장자리가 거칠어지고 가는 선과 작은 UI가 흐려질 수 있습니다.

관계는 단순합니다. 같은 내용을 같은 크기로 보여 줄 때 픽셀이 많을수록 더 세밀합니다. 웹페이지를 2880x1800으로 캡처하면 1440x900 이미지보다 픽셀 수가 네 배이고, 두 이미지를 같은 물리적 크기로 표시하면 고해상도 이미지가 더 선명하게 보입니다.

문서, 마케팅 자료, 인쇄물에서는 특히 중요합니다. 독자가 확대할 수 있고 디자이너가 일부를 잘라 쓸 수 있으며 인쇄에는 충분한 픽셀 수가 필요합니다. 고해상도 원본은 나중에 줄일 수 있지만 낮은 해상도로 빠진 실제 세부 정보는 확대만으로 복원할 수 없습니다.

스크린샷 해상도를 결정하는 요소

여러 조건이 최종 픽셀 크기를 정합니다.

• 디스플레이 해상도 — 모니터나 화면의 기본 해상도입니다. 4K 화면의 전체 캡처는 최대 3840x2160픽셀, 1080p 화면은 1920x1080픽셀입니다.
• 기기 픽셀 비율(DPR) — 고밀도 디스플레이는 2x나 3x DPR을 사용해 논리적 뷰포트 크기에 배수를 적용합니다. 너비 1440픽셀인 논리 뷰포트를 2x 화면에서 캡처하면 너비 2880픽셀 이미지가 됩니다.
• 뷰포트 크기 — 브라우저 캡처에서는 뷰포트의 논리적 크기가 캡처 영역을 정합니다. 뷰포트가 넓으면 스크린샷도 넓어집니다.
• 캡처 도구 설정 — 기본 해상도를 덮어쓰거나 DPR을 지정하고 물리적 디스플레이와 무관한 크기로 렌더링할 수 있는 도구도 있습니다.

자동화 작업에서는 이런 조건을 고정해야 결과가 일관됩니다. 뷰포트와 DPR을 정해 두면 실행하는 컴퓨터의 디스플레이가 달라도 같은 크기로 캡처할 수 있어 팀원별 환경 차이를 줄일 수 있습니다.

해상도와 파일 크기

해상도가 높아지면 보통 파일도 커집니다. 가로와 세로를 각각 두 배로 늘리면 픽셀 수는 네 배가 됩니다. 실제 용량 증가 폭은 이미지 형식, 화면 내용, 압축 방식에 따라 달라집니다.

무손실 PNG는 대체로 픽셀 수와 함께 용량이 커집니다. 같은 콘텐츠라도 2880x1800 PNG는 510MB, 1440x900 PNG는 12MB 정도가 될 수 있지만 화면 내용과 최적화에 따라 크게 달라집니다. JPEG와 WebP 같은 손실 압축 형식도 이미지가 커지면 파일이 커지지만 중복 데이터를 줄여 증가 폭을 낮출 수 있습니다.

웹에 올릴 때는 이 균형이 중요합니다. 랜딩 페이지에서 10MB짜리 스크린샷을 그대로 제공하면 로딩이 느려집니다. 처음부터 낮은 해상도로만 찍기보다 필요한 세부 정보를 담은 원본을 만든 뒤 용도에 맞게 최적화하세요. 적절한 품질로 압축하고, 지원 환경에서는 WebP를 사용하며, 반응형 이미지 마크업으로 기기에 맞는 크기를 제공할 수 있습니다.

실제 콘텐츠 작업에서는 우연히 사용한 화면의 해상도에 맡기지 말고 목표 뷰포트, DPR, 내보내기 형식을 미리 정하세요. 그래야 내부 비교가 일관되고 다시 만들지 않고도 게시용 이미지를 준비하기 쉽습니다.

흔한 실수

• 고DPI 화면에서 1x로 캡처합니다. 일부 도구는 물리 픽셀 대신 논리 픽셀로 저장해 화면이 표현할 수 있는 것보다 낮은 해상도의 이미지를 만듭니다. 도구가 디스플레이의 기본 DPR로 캡처하는지 확인하세요.
• 저해상도 이미지를 확대합니다. 1x 이미지를 2x 크기로 늘려도 실제 세부 정보가 생기지 않고 픽셀을 보간해 흐리게 보입니다. 나중에 확대하지 말고 필요한 해상도로 캡처하세요.
• 모든 용도에 최대 해상도를 씁니다. 너비 200픽셀 썸네일에 3x 이미지를 쓰면 저장 공간과 전송량이 낭비됩니다. 가장 크게 표시할 크기에 자르기 여유를 조금 더해 정하세요.
• 캡처 뒤 압축하지 않습니다. 고해상도 이미지는 용량이 큽니다. 공유하거나 게시하기 전에 화면 내용에 맞는 압축을 적용하세요. 글자 중심이며 무손실이 중요하면 PNG, 사진 중심이며 손실 압축을 허용할 수 있으면 WebP나 JPEG를 고려하세요.