용어
화면 비율
화면 비율은 이미지의 너비와 높이 사이의 비례 관계입니다. 16:9나 4:3처럼 두 숫자로 나타내며 이미지의 모양을 결정합니다.
자주 쓰는 화면 비율
모든 직사각형이 같은 모양은 아니며, 비율에 따라 이미지가 자연스럽게 들어가는 자리가 달라집니다.
- 16:9: 대부분의 데스크톱 모니터, 노트북, 영상 콘텐츠에 쓰는 표준 와이드스크린 비율입니다. 1920x1080 이미지가 16:9에 해당합니다. 현대 컴퓨터에서 찍는 전체 화면 스크린샷의 일반적인 모양입니다.
- 4:3: 태블릿과 이전 세대 디스플레이에서 여전히 자주 쓰는 전통적인 화면 비율입니다. 1024x768 이미지가 4:3입니다. 주변에 설명문을 배치하기 쉬워 문서와 프레젠테이션에도 사용합니다.
- 1:1: 정사각형입니다. 소셜 미디어 게시물, 프로필 사진, 썸네일 그리드에 흔합니다. 스크린샷은 처음부터 정사각형인 경우가 드물지만, 게시할 곳에 맞춰 이 비율로 자르곤 합니다.
- 9:16: 16:9를 세로로 돌린 비율입니다. 모바일 스크린샷, 세로 영상, 소셜 플랫폼의 스토리에 쓰입니다.
- 3:2: 여러 DSLR 카메라와 최근 MacBook을 포함한 일부 노트북 화면에서 사용합니다. 너비가 16:9와 4:3 사이여서 균형 잡힌 모양입니다.
화면 비율이 중요한 곳
이미지를 미리 정해진 공간에 넣을 때마다 화면 비율이 중요합니다. 소셜 미디어 플랫폼, 앱 스토어, 슬라이드 템플릿, 웹사이트 레이아웃에는 기대하는 비율이 있습니다. 맞지 않는 이미지는 잘리거나 늘어나거나 여백이 추가돼 결과가 나빠집니다.
소셜 미디어의 규격은 특히 구체적입니다. Instagram 피드 게시물에는 1:1 또는 4:5, YouTube 썸네일에는 16:9, LinkedIn 글 이미지에는 약 1.91:1을 사용합니다. 스크린샷 비율을 미리 맞추지 않으면 플랫폼이 임의로 자르고, 필요한 내용이 빠질 수 있습니다.
앱 스토어 목록도 기기 유형마다 정해진 화면 비율을 요구합니다. 비율이 맞지 않는 스크린샷을 제출하면 거절되거나 자동으로 잘리면서 중요한 내용이 사라질 수 있습니다.
내부 도구도 화면 비율의 영향을 받습니다. 16:9 썸네일용 대시보드 위젯에 4:3 스크린샷을 넣으면 찌그러지거나 잘립니다. 고정 너비 이미지 영역을 쓰는 문서 시스템은 예상 높이를 넘는 이미지를 자르기도 합니다.
화면 비율과 스크린샷
스크린샷은 캡처한 화면, 창, 영역의 비율을 그대로 따릅니다. 16:9 모니터의 전체 화면을 캡처하면 16:9 이미지가 되고, 세로 방향 모바일 시뮬레이터를 캡처하면 9:16 이미지가 됩니다.
캡처한 스크린샷을 다른 비율의 공간에 넣을 때 이 차이가 드러납니다. 16:9 데스크톱 스크린샷을 1:1 소셜 게시물에 넣으려면 잘라야 합니다. 9:16 모바일 스크린샷을 16:9 슬라이드에 넣으려면 여백을 더하거나 세로 이미지를 수용하는 레이아웃을 사용합니다.
캡처 전에 게시할 곳의 비율을 정하면 시간을 아낍니다. 사용자 지정 뷰포트 크기를 지원하는 캡처 도구에서는 처음부터 대상 비율에 맞는 너비와 높이를 설정해 이후 자르기 단계를 피합니다. 이미지를 대량으로 만들 때 특히 유용합니다. 캡처 설정에 올바른 비율을 한 번 지정하면 묶음 전체에 같은 값을 적용합니다.
실제 이미지 제작에서는 화면 비율을 마무리 단계가 아니라 처음에 정합니다. 대상 비율로 먼저 캡처하면 이후 모든 이미지를 제각각 자르는 작업이 줄어듭니다.
흔한 실수
- 게시할 곳의 비율을 확인하지 않습니다. 현재 화면 비율로 일단 캡처하고 어디에나 맞을 것이라 생각하지 마세요. 캡처하거나 자르기 전에 대상 플랫폼의 규격을 확인하세요.
- 강제로 늘려 맞춥니다. 이미지를 다른 비율로 늘리면 원이 타원이 되고 글자가 읽기 어려워지는 등 내용이 왜곡됩니다. 늘리지 말고 자르거나 여백을 더하세요.
- 화면 비율과 해상도를 혼동합니다. 1920x1080과 1280x720 이미지는 모두 16:9입니다. 모양은 같지만 세부 표현 정도가 다릅니다. 너비와 높이를 서로 다른 배율로 바꾸지 않는 한 해상도를 낮춰도 화면 비율은 유지됩니다.
- 모바일 방향을 잊습니다. 데스크톱 중심으로 생각하면 가로 비율만 고르기 쉽습니다. 모바일 스크린샷은 세로 방향이며 여러 플랫폼도 세로 콘텐츠를 중요하게 다룹니다. 대상 기기가 다양하다면 가로와 세로 이미지를 모두 준비하세요.
자주 묻는 질문
스크린샷에서 가장 흔한 화면 비율은 무엇인가요?
현대 데스크톱 모니터와 노트북 화면 대부분에 맞는 16:9가 가장 흔합니다. 모바일 스크린샷은 보통 같은 비율을 세로로 돌린 9:16입니다. 태블릿에는 4:3이나 3:2도 자주 쓰입니다.
이미지를 맞지 않는 화면 비율로 강제로 바꾸면 어떻게 되나요?
이미지가 가로 또는 세로로 늘어나 찌그러집니다. 16:9 이미지를 1:1 영역에 넣으면 왜곡하거나 자르거나 빈 여백을 더해야 합니다. 원본 비율과 대상 비율을 먼저 맞추세요.
이미지의 화면 비율은 어떻게 계산하나요?
너비와 높이를 최대공약수로 나눕니다. 1920x1080 이미지는 두 수를 120으로 나누면 16:9가 됩니다. 여러 이미지 편집기와 캡처 도구가 이 비율을 자동으로 표시합니다.
화면 비율이 파일 크기에 영향을 주나요?
직접적인 기준은 아닙니다. 파일 크기는 전체 픽셀 수와 압축 방식에 따라 달라집니다. 다만 높이가 같다면 더 넓은 비율의 이미지에 픽셀이 많아 파일도 커집니다.
정해진 비율로 자를까요, 자유롭게 자를까요?
소셜 미디어 게시물, 슬라이드 템플릿, 썸네일처럼 정해진 영역에 넣을 이미지는 비율을 고정해 자르세요. 대상에 정해진 모양이 없고 불필요한 부분만 지울 때는 자유 자르기가 알맞습니다.
출처
- 반응형 이미지 — MDN