이미지 사이즈 가이드라인
각 컴포넌트별 최적의 이미지 사이즈와 비율을 안내합니다. 모든 이미지는 자동으로 최적화되어 표시됩니다.
스튜디오 아바타
512×512
1:1 비율
권장 사이즈:512×512px
비율:1:1 (정사각형)
최대 파일 크기:2MB
형식:WEBP (자동 변환)
스튜디오 배너
1200×630
21:9 비율
권장 사이즈:1200×630px
비율:21:9 (와이드)
최대 파일 크기:4MB
형식:WEBP (자동 변환)
개인 유저 아바타
1024×1024
1:1 비율
권장 사이즈:1024×1024px
비율:1:1 (정사각형)
최대 파일 크기:2MB
형식:WEBP (자동 변환)
게시물 이미지
가변
16:9 권장
권장 사이즈:가변 (최적화)
권장 비율:16:9 (와이드)
최대 파일 크기:8MB
표시 방식:object-contain
게시물 영상
가변
16:9 권장
권장 사이즈:가변 (최적화)
권장 비율:16:9 (와이드)
최대 파일 크기:32MB
코덱 지원:MP4, WebM
크롭 가이드라인
아바타: 1:1 정사각형 크롭
배너: 21:9 와이드 크롭
게시물: 원본 비율 유지
중요: 모든 이미지는 업로드 시 자동으로 최적화되어 저장됩니다. 크롭은 사용자 편의를 위해 제공되며, 필수는 아닙니다.
기술적 세부사항
이미지 최적화: Next.js Image 컴포넌트와 WebP 변환으로 자동 최적화
반응형 표시: 다양한 디바이스 크기에 맞춰 자동 조정
저장소: UploadThing을 통한 클라우드 저장 및 CDN 배포
보안: 파일 형식 검증 및 크기 제한으로 안전한 업로드 보장