프로필·배너 사진이 플랫폼마다 잘리는 이유
같은 프로필 사진을 유튜브에 올렸을 때는 멀쩡했는데, 인스타그램에 올리니 얼굴 옆선이 잘려 보인 경험이 있을 것입니다. 이건 업로드 실수가 아니라 각 플랫폼이 하나의 이미지를 서로 다른 규칙으로 잘라내기 때문에 생기는 구조적인 현상입니다. 원리를 알면 처음부터 잘리지 않는 사진을 준비할 수 있습니다.
요약 ① 배너류 이미지는 실제 업로드 크기보다 훨씬 좁은 '안전 영역'만 모든 기기에서 보장됩니다 ② 정사각형으로 올린 프로필 사진은 대부분 원형으로 잘려 네 모서리가 사라집니다 ③ 같은 커버 사진 슬롯도 모바일과 데스크톱에서 실제 렌더링 크기·비율이 다릅니다
배너 사진, 왜 올린 그대로 안 보일까
유튜브 채널 배너를 예로 들면 이해가 빠릅니다. 업로드는 2560×1440px 크기의 마스터 이미지로 하지만, 모든 기기에서 확실히 보이는 영역은 가운데 1546×423px뿐입니다. 나머지 바깥 여백은 보는 기기에 따라 서로 다르게 잘려 나갑니다.
이렇게 되는 이유는 배너가 걸리는 화면 비율이 기기마다 다르기 때문입니다. TV나 데스크톱은 넓은 화면에 배너 전체에 가깝게 보여주지만, 모바일은 화면이 좁아 양옆을 더 많이 잘라내고 가운데 위주로만 노출합니다. 그래서 로고나 텍스트를 이미지 가장자리에 배치하면 특정 기기에서만 안 보이는 문제가 생깁니다.
결국 배너류 이미지를 만들 때 지켜야 할 원칙은 하나입니다. 중요한 글자·로고·얼굴은 반드시 가운데 안전 영역 안에 배치하고, 바깥 여백은 장식용 배경 정도로만 취급하는 것입니다.
정사각형인데 왜 동그랗게 잘릴까 - 프로필 사진의 원형 크롭
프로필 사진은 대부분의 플랫폼에서 업로드는 정사각형으로 받지만 화면에는 원형으로 표시합니다. 인스타그램 320×320, 엑스(트위터) 400×400, 틱톡 200×200이 모두 정사각형 업로드 후 원형 크롭을 적용하는 구조입니다.
정사각형을 원 안에 넣으면 네 귀퉁이는 원 바깥으로 밀려나 화면에 나타나지 않습니다. 얼굴이나 로고를 사진 모서리 쪽에 배치했다면, 업로드 화면에서는 멀쩡해 보여도 실제 게시 후에는 잘려서 보이지 않는 이유가 여기에 있습니다. 안전하게 가려면 핵심 요소를 사진 중앙의 원형 영역 안쪽에 모아야 합니다.
페이스북은 조금 더 복잡합니다. 프로필 사진을 170×170으로 업로드해도 모바일 화면에서는 이보다 더 작은 128×128 크기로 표시됩니다. 업로드 크기와 실제 표시 크기가 기기별로 다시 한번 달라지는 셈입니다.
같은 '커버 사진'인데 왜 기기마다 다르게 보일까
배너나 프로필 사진과는 별개로, 같은 슬롯이 기기별로 아예 다른 픽셀 크기로 렌더링되는 경우도 있습니다. 페이스북 커버 사진이 가장 분명한 사례입니다. 데스크톱에서는 820×312 크기로 보이지만, 모바일에서는 640×360 크기로 다시 계산되어 표시됩니다.
이 둘은 가로세로 비율 자체가 다릅니다. 즉 단순히 이미지를 축소해서 보여주는 것이 아니라, 기기마다 별도의 크롭 기준을 적용한다는 뜻입니다. 데스크톱 기준으로만 맞춰 디자인하면 모바일에서 위아래 또는 좌우가 의도치 않게 잘려 나갈 수 있습니다.
세로 영상에서는 잘림이 아니라 '가려짐'이 문제
틱톡처럼 세로형(9:16) 영상을 다루는 플랫폼은 크롭 문제와는 다른 종류의 함정이 있습니다. 영상 자체는 잘리지 않지만, 좋아요·댓글·공유 버튼과 캡션, 아이디 표시 같은 화면 요소가 화면 아래쪽과 오른쪽 가장자리에 고정적으로 겹쳐 뜹니다.
그래서 자막이나 얼굴, 중요한 문구를 화면 가장자리에 바짝 붙여 배치하면 영상은 멀쩡한데 UI 버튼에 가려 안 보이는 상황이 발생합니다. 세로 영상을 만들 때는 가장자리에서 일정 여백을 비워 두는 습관이 필요합니다.
지금 당장 확인하는 무료 방법
가장 확실한 방법은 각 플랫폼의 공식 고객센터·도움말 페이지에서 현재 규격을 직접 확인하는 것입니다. 플랫폼들은 정책과 UI를 수시로 바꾸기 때문에, 어디선가 본 숫자를 그대로 믿기보다 업로드 직전에 한 번 더 확인하는 편이 안전합니다.
더 실용적인 방법은 사진이나 배너를 최종 확정하기 전에 휴대폰과 데스크톱 브라우저 양쪽에서 미리보기를 해 보는 것입니다. 같은 플랫폼이라도 기기에 따라 크롭 결과가 다르기 때문에, 두 환경을 모두 확인해야 놓치는 부분이 없습니다.
다만 유튜브·인스타그램·엑스·페이스북·링크드인·틱톡을 매번 하나씩 검색해서 안전 영역과 픽셀 크기를 확인하는 일은 번거롭습니다. 플랫폼별 수치를 표로 정리해 둔 도구를 쓰면 이 과정을 한 번에 끝낼 수 있습니다.
유튜브·인스타그램·엑스·페이스북·링크드인·틱톡 이미지 규격을 한 화면에서 확인하고 전체를 텍스트로 복사할 수 있습니다.
아래는 마스터 업로드 크기와 실제로 보장되는 안전 영역이 서로 다른 대표적인 슬롯입니다. 이 도구에 기재된 현재 기준이며, 플랫폼 정책 변경 여부는 주기적으로 다시 확인하는 것이 안전합니다.
| 플랫폼 슬롯 | 업로드(마스터) 크기 | 실제 보장 영역 |
|---|---|---|
| 유튜브 채널 배너 | 2560×1440px | 안전 영역 1546×423px(가운데) |
| 엑스(트위터) 헤더 | 1500×500px(3:1) | 좌하단이 프로필 사진에 일부 가려짐 |
| 페이스북 커버(데스크톱/모바일) | 820×312px | 모바일에서는 640×360px로 재렌더링 |
| 틱톡 세로 영상 | 1080×1920px(9:16) | 하단·우측 UI 버튼 영역 가림 |
정리
- 배너류 이미지는 마스터 크기보다 훨씬 좁은 '안전 영역' 안에만 핵심 요소를 배치해야 모든 기기에서 안전합니다
- 프로필 사진은 정사각형으로 올려도 대부분 원형으로 잘리므로 네 모서리에는 중요한 내용을 두지 않습니다
- 같은 커버 사진 슬롯도 데스크톱과 모바일에서 실제 픽셀 크기·비율이 달라질 수 있습니다
- 세로 영상은 잘리지 않아도 하단·우측 UI 요소에 가려질 수 있어 가장자리 여백이 필요합니다
- 정확한 최신 수치는 플랫폼 공식 도움말에서 확인하고, 최종 업로드 전 모바일·데스크톱 양쪽 미리보기를 권장합니다
유튜브·인스타그램·엑스·페이스북·링크드인·틱톡 이미지 규격을 한 화면에서 확인하고 전체를 텍스트로 복사할 수 있습니다.
자주 묻는 질문
프로필 사진은 정사각형으로 올렸는데 왜 잘려 보이나요
대부분의 플랫폼이 정사각형 이미지를 화면에는 원형으로 잘라 보여주기 때문입니다. 업로드 창에서는 사각형 전체가 보이지만, 실제 게시 후에는 원 바깥으로 밀려난 네 모서리 부분이 사라집니다. 얼굴이나 로고는 사진 중앙에 가깝게 배치해야 안전합니다.
배너 사진에 글자를 넣으면 왜 자꾸 짤리나요
배너 슬롯은 실제 업로드 크기 전체가 아니라 가운데 일부 영역만 모든 기기에서 보이도록 설계되어 있습니다. 이 영역을 안전 영역이라고 부르며, 텍스트나 로고는 반드시 이 안쪽에 넣어야 모바일에서도 잘리지 않습니다. 바깥 여백은 배경 이미지 정도로만 활용하는 것이 안전합니다.
데스크톱에서는 괜찮았는데 휴대폰으로 보니 다르게 잘려 있어요
같은 커버 사진 슬롯이라도 플랫폼이 기기별로 별도의 크기·비율 기준을 적용하기 때문입니다. 페이스북 커버 사진이 대표적인 사례로, 데스크톱과 모바일에서 실제 렌더링되는 픽셀 크기 자체가 다릅니다. 업로드 전 두 환경 모두에서 미리보기를 확인하는 습관이 필요합니다.
규격 수치가 플랫폼마다 조금씩 다르게 알려져 있는데 어떤 걸 믿어야 하나요
플랫폼들은 정책과 UI를 수시로 바꾸기 때문에 시간이 지난 자료일수록 오차가 생길 수 있습니다. 가장 정확한 방법은 해당 플랫폼의 공식 고객센터·도움말 페이지에서 현재 기준을 다시 확인하는 것입니다. 자주 쓰는 수치는 정리해 둔 도구를 참고하되, 오래된 정보라면 한 번씩 재확인하는 것이 안전합니다.