4. 미디어 관리
이미지와 영상 파일을 업로드하고 관리합니다.
4.1. 이미지
이미지 목록 보기
왼쪽 메뉴 이미지를 클릭합니다.
이미지 업로드하기
- 새로 만들기 클릭
- 파일 선택 또는 드래그 앤 드롭
- Alt 텍스트 입력 (접근성 및 SEO에 중요)
- 저장
자동 리사이즈
업로드된 이미지는 자동으로 7가지 크기로 생성됩니다.
| 크기 이름 | 용도 |
|---|---|
| thumbnail | 목록 미리보기 |
| square | 정사각형 썸네일 |
| small | 소형 표시 |
| medium | 중형 표시 |
| large | 대형 표시 |
| xlarge | 초대형 표시 |
| og | SNS 공유 미리보기 (Open Graph) |
Focal Point (초점) 설정
이미지가 잘릴 때 중요한 부분이 유지되도록 초점을 설정합니다.
- 이미지 편집 화면에서 Focal Point 섹션 확인
- 이미지 위에서 초점을 유지할 위치 클릭
- 저장
💡 팁: 인물 사진의 경우 얼굴 위치에 Focal Point를 설정하면 다양한 비율로 자를 때도 얼굴이 잘리지 않습니다.
4.2. 영상
영상 목록 보기
왼쪽 메뉴 영상을 클릭합니다.
영상 업로드하기
- 새로 만들기 클릭
- 영상 파일 선택 (최대 2GB)
- Alt 텍스트 입력
- 저장
⚠️ 주의: 대용량 영상 업로드 시 시간이 걸릴 수 있습니다. 페이지를 닫지 마세요.
4.3. 영상 썸네일
영상의 미리보기 이미지(썸네일)를 관리합니다.
자동 생성 (300MB 이하)
300MB 이하 영상은 업로드 후 AWS Lambda가 자동으로 썸네일을 생성합니다.
수동 업로드 (300MB 초과)
300MB를 초과하는 영상은 자동 생성이 스킵됩니다. 직접 썸네일을 업로드해야 합니다.
- 해당 영상의 편집 화면으로 이동
- Thumbnail 필드에서 이미지 업로드
- 저장
썸네일 상태 확인
영상 편집 화면에서 썸네일 생성 상태를 확인할 수 있습니다.
| 상태 | 설명 |
|---|---|
| pending | 생성 대기 중 |
| processing | 생성 진행 중 |
| completed | 생성 완료 |
| failed | 생성 실패 |
| skipped | 자동 생성 스킵 (300MB 초과) |
| manual | 수동 업로드됨 |
💡 팁: 상태가
failed인 경우 수동으로 썸네일을 업로드하거나, 관리자에게 문의하세요.
4.4. 파일 첨부 방법
컬렉션이나 Globals의 미디어 필드에 파일을 첨부하는 방법입니다.
기존 파일 선택
- 미디어 필드 클릭
- 라이브러리에서 선택 클릭
- 검색 또는 스크롤로 파일 찾기
- 파일 클릭하여 선택
새 파일 바로 업로드
- 미디어 필드 클릭
- 업로드 클릭
- 파일 선택 후 업로드
다음 단계
- 5. 카테고리 관리 - 포트폴리오 분류 체계
- 2. 컬렉션 관리 - 포트폴리오, 공지사항 등