미디어 라이브러리는 사이트에서 쓰는 이미지, 문서, 영상 파일을 모아 두는 곳입니다. 원본 사진을 그대로 올리면 로딩이 느려지고 저장공간이 빠르게 늘어납니다.
1. 업로드 전 준비
| 파일 | 권장 형식 | 기준 |
|---|---|---|
| 일반 사진 | WebP 또는 JPG | 실제 표시 크기에 맞춰 줄이고 품질 압축 |
| 투명 배경 이미지 | WebP 또는 PNG | 투명이 꼭 필요할 때만 사용 |
| 로고·아이콘 | SVG, WebP, PNG | SVG는 검증된 파일만 사용 |
| 배포 문서 | 개인정보·편집 메모 제거 후 업로드 |
- 한글·공백 대신 의미 있는 영문 소문자 파일명 사용
- 예:
company-office-seoul.webp - 파일명에 final, copy, 수정본 같은 임시 표현을 남기지 않기
- 업로드 전에 개인정보와 위치 정보가 포함됐는지 확인
2. 미디어 올리기
- 미디어 → 새 미디어 파일 추가를 엽니다.
- 파일을 끌어 놓거나 파일 선택을 눌러 업로드합니다.
- 업로드가 끝나면 미디어 라이브러리에서 파일을 열어 제목, 대체 텍스트, 설명을 확인합니다.
3. 대체 텍스트 작성
대체 텍스트는 이미지를 볼 수 없는 사용자와 검색엔진에 이미지의 의미를 전달합니다. 장식용 이미지는 비워 두고, 정보를 담은 이미지는 주변 문장과 중복되지 않게 핵심을 설명합니다.
| 이미지 | 대체 텍스트 예 |
|---|---|
| 사무실에서 상담 중인 사진 | 비랜딩 상담실에서 웹사이트 기획을 논의하는 모습 |
| 단순 배경 무늬 | 비워 둠 |
| 버튼 역할의 로고 | 비랜딩 홈페이지 |
4. 페이지에서 이미지 교체
- 기존 이미지의 가로세로 비율을 확인합니다.
- 같은 비율로 새 이미지를 준비합니다.
- 이미지 블록에서 교체 → 미디어 라이브러리를 선택합니다.
- 대체 텍스트를 입력하고 PC·모바일의 잘림과 글자 가림을 확인합니다.
5. PDF 다운로드 링크 만들기
파일 블록을 추가하거나 PDF의 파일 URL을 복사해 텍스트·버튼에 연결합니다. 공개하면 안 되는 견적서, 계약서, 개인정보 문서는 미디어 라이브러리에 올리지 마세요. URL을 아는 사람은 접근할 수 있습니다.
6. 삭제할 때 주의
미디어 삭제는 사용 중인 모든 위치에 영향을 줄 수 있습니다
한 이미지가 여러 페이지, 글, 배너에서 쓰일 수 있습니다. 현재 페이지에서 보이지 않는다는 이유로 영구 삭제하지 말고 사용 위치와 백업을 먼저 확인하세요.
공식 문서: 새 미디어 추가 화면