WordPress 미디어 라이브러리 활용 — 이미지·동영상·문서 관리
목차
- 미디어 라이브러리 위치
- 지원 파일 형식
- 이미지 업로드 — 3가지 방법
- 1. 라이브러리에서 직접
- 2. 글·페이지 안에서
- 3. 다중 일괄
- 이미지 메타데이터 — 6가지 필드
- Alt Text 작성 원칙
- 이미지 최적화 — 속도·SEO 핵심
- 압축 (업로드 전 또는 후)
- WebP 변환
- 적정 크기 — 사이트 폭에 맞춤
- WordPress 자동 크기 생성
- 자주 쓰는 작업
- 미디어 검색
- 일괄 삭제
- 사용 안 한 이미지 찾기
- 미디어 통계
- 동영상 — 호스팅 부담
- 문서 — PDF·Office
- 미디어 라이브러리 정리 – 분기 1회
- 대용량 사이트 — CDN
- 자주 하는 실수
- FAQ
- 관련 가이드
미디어 라이브러리는 사이트의 이미지·동영상·문서 저장소입니다. 잘 운영하면 콘텐츠 발행이 빠르고 SEO·속도 양쪽에 유리. 잘못 운영하면 GB 단위로 부풀어 호스팅 용량·속도를 갉아먹습니다.
미디어 라이브러리 위치
좌측 메뉴 미디어 > 라이브러리.
뷰 두 가지:
– 그리드: 시각적 (기본)
– 목록: 파일명·크기·날짜 정렬
지원 파일 형식
| 카테고리 | 형식 |
|---|---|
| 이미지 | JPG, PNG, GIF, WebP, AVIF, SVG (별도 설정) |
| 동영상 | MP4, MOV, WMV, FLV, AVI |
| 오디오 | MP3, WAV, OGG, M4A |
| 문서 | PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX |
| 압축 | ZIP, RAR |
SVG는 기본 차단 (보안 이유). 플러그인 SVG Support로 허용.
이미지 업로드 — 3가지 방법
1. 라이브러리에서 직접
미디어 > 새로 추가 → 드래그 앤 드롭 → 자동 업로드.
2. 글·페이지 안에서
블록 에디터의 이미지 블록 → 업로드.
3. 다중 일괄
라이브러리에서 여러 파일 동시 선택 후 업로드.
한 번에 100개+ 업로드는 호스팅 타임아웃 위험. 50개씩 나눠.
이미지 메타데이터 — 6가지 필드
업로드 후 이미지 클릭 → 우측 패널에서 입력:
| 필드 | 용도 | SEO 영향 |
|---|---|---|
| 제목 (Title) | 파일명 | 약 |
| 대체 텍스트 (Alt Text) | 스크린리더·검색엔진 | 강 (필수) |
| 캡션 (Caption) | 이미지 아래 표시 | 약 |
| 설명 (Description) | 첨부 페이지 | 약 |
| 첨부 페이지 URL | 자동 생성 | (Rank Math로 비활성 권장) |
Alt Text 작성 원칙
- 이미지 내용 정확히
- 한 줄
- 키워드 자연스럽게
- 장식 이미지는 빈 값 (
alt="")
피할 예: “이미지” → 권장: “수원 인계동 ○○이비인후과 외관 사진”
이미지 최적화 — 속도·SEO 핵심
압축 (업로드 전 또는 후)
| 도구 | 형식 | 비용 |
|---|---|---|
| TinyPNG | PNG/JPG | 무료 (월 500장) |
| ImageOptim (맥) | 다양 | 무료 |
| Squoosh | WebP·AVIF | 무료 (Google) |
플러그인 자동 압축:
– ShortPixel — 가장 인기 (월 100장 무료)
– Smush — WPMU DEV
– EWWW Image Optimizer — 무료 옵션 많음
– Imagify — WP Rocket사 제작
WebP 변환
WebP는 JPG/PNG 대비 30~50% 작음. SEO 점수 ↑.
- 위 플러그인 대부분이 WebP 자동 생성·서빙
- Cloudflare 자동 WebP 변환도 가능
적정 크기 — 사이트 폭에 맞춤
- 블로그 본문 폭: 보통 800px → 이미지도 800px 정도
- 풀폭 비주얼: 1920×1080 (최대)
- 모바일 디스플레이: 2x 해상도 고려
5MB 원본 그대로 업로드 . 사용 폭에 맞춰 리사이즈 후 업로드.
WordPress 자동 크기 생성
업로드 시 WordPress가 여러 크기 자동 생성:
– thumbnail (150×150)
– medium (300×300)
– large (1024×1024)
– 테마 정의 추가 크기 (768×432 등)
원본 + 자동 크기들이 모두 디스크 차지 → 불필요한 크기 제거 (자식 테마 functions.php):
remove_image_size('medium_large');
자주 쓰는 작업
미디어 검색
라이브러리 상단 검색창에 파일명·ALT 키워드 입력.
일괄 삭제
목록 뷰 → 다중 선택 → 일괄 작업: 영구 삭제.
사용 중인 이미지 삭제 시 본문에서 깨짐. 사용 안 함 확인 후 삭제.
사용 안 한 이미지 찾기
플러그인 Media Cleaner — 사용 안 한 미디어 자동 탐지.
미디어 통계
플러그인 Media Library Categories — 폴더·카테고리로 분류 가능.
동영상 — 호스팅 부담
WordPress에 직접 동영상 업로드 권장 X. 이유:
– 큰 용량 (수십~수백 MB)
– 호스팅 대역폭 폭증
– 스트리밍 최적화 X
대안:
– YouTube 업로드 → 임베드 (가장 추천)
– Vimeo — 광고 없는 환경 원하면
– Cloudinary — 전문 미디어 호스팅 (유료)
블록 에디터에서 YouTube URL 붙여넣기만으로 자동 임베드.
문서 — PDF·Office
PDF·DOC 같은 문서도 업로드 가능. 다만:
– 검색엔진은 본문 텍스트를 일부만 색인 (HTML보다 약함)
– 중요 정보는 HTML 페이지로 옮기기 권장
– PDF는 보조 자료 (다운로드용)
미디어 라이브러리 정리 – 분기 1회
체크리스트:
- [ ] 사용 안 한 이미지 삭제 (Media Cleaner)
- [ ] 원본 큰 이미지 압축 (ShortPixel)
- [ ] ALT 텍스트 누락 이미지 일괄 추가
- [ ] WebP 미변환 이미지 변환
- [ ] 호스팅 용량 점검
대용량 사이트 — CDN
이미지 1000+ 사이트는 CDN 권장:
- Cloudflare (무료): 글로벌 캐싱·WebP 자동
- BunnyCDN ($1+/월): 한국 노드 ↑
- Jetpack Site Accelerator (무료): WordPress.com 제공
설치 후 이미지가 본인 도메인 → CDN 도메인으로 자동 전환.
자주 하는 실수
- 원본 그대로 업로드: 5MB 이미지 → 페이지 속도 파괴
- ALT 텍스트 미입력: 접근성·SEO 손해
- WordPress 직접 동영상 업로드: 호스팅 다운 위험
- PDF로 중요 콘텐츠: 검색엔진 색인 약함
- 사용 안 한 이미지 방치: 호스팅 용량·백업 부담
FAQ
Q. 이미지 폴더 구조를 만들 수 있나요?
A. WordPress 기본은 폴더 X (날짜별 자동만). 플러그인 Real Media Library 또는 FileBird — 폴더 기능 추가.
Q. 미디어 URL을 바꿀 수 있나요?
A. 가능하지만 권장 X. 변경 시 본문의 이미지 모두 깨짐. 도메인 이전 외에는 안 바꾸는 게 정답.
Q. SVG 업로드하려면?
A. 보안 이유로 기본 차단. 플러그인 Safe SVG 또는 SVG Support 설치. 다만 SVG는 XSS 위험이 있어 신뢰 출처만.
Q. 이미지 자동 크기 조정 못 멈추나요?
A. 설정 > 미디어에서 크기 0으로 설정 또는 자식 테마에서 remove_image_size().
Q. 이미지 라이트박스(클릭 시 확대)?
A. 플러그인 Simple Lightbox 또는 WP Lightbox 2. 또는 테마 자체 기능.
관련 가이드
- Gutenberg 에디터
- 속도 최적화 7단계
- 캐시·속도 최적화
- 홈페이지 유지보수 비용 안내 — 직접 관리가 부담될 때의 선택지와 비용 기준