헤더

X (Twitter) 헤더: 1500×500과 안전 영역 플레이북

X (구 Twitter) 헤더 이미지는 데스크톱에서 1500×500으로 렌더링되지만 모바일과 타임라인 보기에서 심하게 잘립니다. 이 가이드는 사양, 안전 영역, 모든 보기에서 의도적으로 보이는 헤더를 만드는 시각적 구성 규칙을 다룹니다.

왜 1500×500 픽셀인가

1500×500 크기는 X의 권장 헤더 크기입니다. 종횡비는 정확히 3:1입니다. 1500×500보다 작은 파일은 자동 업스케일되어 레티나 화면에서 흐릿하게 보입니다. 1500×500보다 큰 파일은 품질 이점 없이 다운스케일됩니다. 최대 파일 크기는 5 MB입니다(프리미엄 계정의 애니메이션 GIF 헤더는 15 MB).

1500×500 프레임 안의 안전 영역

X의 타임라인 보기는 헤더를 공격적으로 잘립니다. 중요한 콘텐츠는 안전한 중앙 영역에 있어야 합니다:

• 상단 안전 영역: 상단에서 60 픽셀 (프로필 이미지 겹침 및 타임라인 UI에 가려짐)
• 하단 안전 영역: 하단에서 80 픽셀 (바이오 텍스트 및 팔로우 버튼에 가려짐)
• 왼쪽 안전 영역: 왼쪽에서 250 픽셀 (프로필 사진 원형에 가려짐)
• 오른쪽 안전 영역: 오른쪽에서 80 픽셀 (팔로우/메시지 버튼에 가려짐)

진정한 안전 구성 영역은 대략 중앙 1100×360 영역입니다. 이 영역의 모든 것이 데스크톱, 모바일, 타임라인 보기에서 완전히 렌더링됩니다.

강력한 헤더에 효과적인 요소

• 안전 중앙에 시각적 초점 (가장자리에 텍스트나 얼굴 없음)
• 여백이 있는 브랜드 색상 또는 단일 히어로 이미지
• 잘릴 때 의도적으로 보이는 패턴 또는 그라데이션
• 작은 크기에서 작동하는 간단한 그래픽 (타임라인 미리보기는 대략 600×200)

흔한 실수

• 왼쪽 250 픽셀에 텍스트 배치 — 프로필 사진 원형에 가려짐
• 데스크톱만 고려한 디자인 — X 트래픽의 80% 이상이 모바일
• 저해상도 이미지 사용 — 레티나에서 픽셀화됨
• 로고나 텍스트로 헤더 채우기 — 타임라인 미리보기 크기에서 보이지 않음

포맷 및 파일 크기

• 권장 크기: 1500×500 픽셀
• 포맷: JPEG, PNG, GIF (프리미엄에서 애니메이션)
• 최대 파일 크기: 5 MB (JPEG/PNG), 15 MB (GIF)

자주 묻는 질문

대신 1920×1080을 사용할 수 있나요? 가능합니다. X는 1500×500으로 다운스케일합니다. 마스터 파일을 원하는 경우가 아니면 이점이 없습니다.

내 헤더가 모바일에서 다르게 보이나요? 네 — 모바일은 훨씬 더 공격적으로 잘립니다. 커밋하기 전에 항상 폰에서 미리보세요.