트위치 패널 사이즈: 크기, 높이, 디자인 가이드

1. 공식 트위치 패널 최대 크기

정보 패널은 채널의 정보 영역에 표시됩니다. 현재 편집기는 너비 320px, 높이 600px, 용량 1MB까지 허용합니다. 최종 이미지를 320px 너비로 내보내면 시청자가 보는 실제 글자 크기를 확인할 수 있습니다. 320×600은 필수 템플릿이 아니라 최대 영역이므로 제목, 링크, 일정표에 필요한 높이를 각각 선택하세요.

2. 고정 비율보다 내용에 맞는 높이

필수 종횡비는 없습니다. 너비는 320px로 통일하고 높이는 용도에 맞게 바꿀 수 있습니다. 4:1 제목, 2:1 링크 카드, 더 높은 일정표도 색상과 테두리, 여백을 공유하면 자연스럽습니다. 글자와 여백이 편안하게 남는 가장 짧은 높이를 고르세요.

• 모든 패널을 너비 320px로 내보내기.
• 좌우 안전 여백을 동일하게 사용하기.
• 중요한 요소를 가장자리에 붙이지 않기.
• 긴 설명은 이미지가 아니라 트위치 본문에 작성하기.

3. 데스크톱과 모바일 가독성

휴대폰에서는 패널이 작게 보입니다. 짧은 라벨, 알아보기 쉬운 아이콘, 강한 대비를 우선하세요. 완성 이미지를 320px 실제 크기와 모바일 열 너비로 모두 확인합니다. 확대해야 읽히는 내용은 줄이거나 설명문으로 옮기세요. 이미지는 안내 역할을 해야 하며 복사하거나 번역할 정보까지 대신하면 안 됩니다.

4. 1MB 이하로 선명하게 내보내기

단색, 투명 영역, 아이콘, 글자에는 PNG가 좋습니다. 사진은 JPG로 가볍게 만들 수 있지만 글자와 경계에 압축 흔적이 없는지 확인하세요. 너비 320px, sRGB로 내보낸 뒤 100% 크기에서 글자와 투명 영역을 점검하고 1MB 이하인지 확인합니다. 큰 편집용 원본은 별도로 보관하세요.

1. 너비업로드용 이미지를 정확히 320px로 조정합니다.
2. 색상sRGB를 사용합니다.
3. 검토글자와 투명 영역을 확인합니다.
4. 용량1MB 이하인지 확인합니다.

5. 일관된 패널 시스템 만들기

일관성은 모든 높이가 같다는 뜻이 아닙니다. 테두리, 모서리, 아이콘 크기, 라벨 위치, 배경 규칙을 정하세요. 후원, 일정, 규칙, 소셜, 장비 패널이 같은 채널에 속해 보여야 합니다. 명확한 라벨을 쓰고 광고나 제휴 안내는 읽을 수 있는 본문에 남기며 링크도 정기적으로 검사하세요.

• 기본색 2~3개와 강조색 1개 사용.
• 글꼴과 라벨 위치 통일.
• 아이콘과 글자 주변에 여백 확보.
• 중요한 패널을 위에 배치.
• 이미지 밖에 접근 가능한 설명 추가.

6. 흔한 크기 실수

큰 캔버스에 작은 정보를 가득 넣고 320px로 줄이면 읽을 수 없습니다. 너비와 여백이 제각각이거나 아이콘 비율이 다르면 세트도 산만해집니다. 패널을 배너, 오프라인 화면, 배지, 이모티콘과 혼동하지 마세요. 16:9 배너는 좁은 정보 열에서 지나치게 높거나 글자가 너무 작아집니다.

7. 제작과 업로드 순서

너비 320px 템플릿을 복제하고 가장 짧은 라벨, 유용한 아이콘, 내용에 맞는 높이를 정합니다. 실제 크기로 검토한 뒤 관리하기 쉬운 파일명으로 내보냅니다. 트위치 정보 영역에서 패널 편집을 켜고 이미지를 올린 다음 링크나 설명을 추가하세요. 로그아웃 상태와 모바일 너비에서 링크 오류, 잘린 글자, 약한 대비, 불필요한 높이를 확인합니다.

1. 계획시청자에게 필요한 패널만 고릅니다.
2. 디자인공통 320px 그리드를 사용합니다.
3. 내보내기1MB 이하 PNG 또는 JPG를 만듭니다.
4. 게시링크, 순서, 모바일 표시를 확인합니다.