이미지는 WordPress 페이지 크기에 가장 큰 영향을 미칩니다. 5~10장의 사진이 포함된 최적화되지 않은 블로그 게시물은 쉽게 5MB를 초과하여 핵심 웹 바이탈 점수를 파괴하고 방문자를 몰아낼 수 있습니다. 문제를 해결하는 방법은 다음과 같습니다.
주요 통계: Google 조사에 따르면 모바일 사용자의 53%가 로드하는 데 3초 이상 걸리는 페이지를 이탈하는 것으로 나타났습니다. 이미지는 대부분의 WordPress 사이트에서 전체 페이지 무게의 50~70%를 차지합니다.
옵션 1: WordPress 플러그인(자동)
가장 쉬운 방법은 업로드 시 이미지를 자동으로 최적화하는 압축 플러그인을 설치하는 것입니다.
최고 WordPress 이미지 압축 플러그인
| 플러그인 | 무료 등급 | WebP 지원 | 대량 최적화 |
|---|---|---|---|
| ShortPixel | 이미지 100개/월 | 예 | 예 |
| 스무시 | 50개 이미지/배치 | 프로 전용 | 예 |
| 이미지파이 | 20MB/월 | 예 | 예 |
| EWWW 이미지 최적화 프로그램 | 무제한(기본) | 예 | 예 |
✅ 추천
ShortPixel은 무료 할당량, 품질 및 WebP 생성 간의 최상의 균형을 제공합니다. 약간 덜 공격적인 최적화로 무제한 무료 압축을 원하는 경우 EWWW가 이상적입니다.
옵션 2: 업로드 전 압축(수동)
더 세밀하게 제어하려면 WordPress에 업로드하기 전에 이미지를 압축하세요.
- 테마의 콘텐츠 너비(일반적으로 1200~1600px 너비)에 맞게 이미지 크기를 조정하세요.
- 이미지 압축과 같은 브라우저 기반 도구를 사용하여 75~82% 품질로 압축합니다.
- 테마가 지원하는 경우 WebP로 변환
- 최적화된 버전을 WordPress에 업로드하세요.
이 접근 방식을 사용하면 품질을 완벽하게 제어할 수 있으며 서버에 최적화되지 않은 원본이 없도록 깨끗하게 유지됩니다.
옵션 3: 서버측/CDN 최적화
Cloudflare Polish, imgix 또는 Cloudinary와 같은 서비스는 CDN 에지에서 즉시 이미지를 최적화할 수 있습니다.
- Cloudflare Polish — Pro 요금제(월 20달러) 이상에 대한 자동 압축
- Cloudinary — 월 25,000번의 변환이 가능한 무료 등급
- imgix — 실시간 이미지 처리 API, 사용량 기반 가격 책정
필수 WordPress 이미지 설정
- 지연 로딩 추가: WordPress 5.5+ 추가
loading="lazy"이지만 테마가 이를 재정의하지 않는지 확인하세요. - 올바른 크기 설정: 항상 포함
width그리고height속성<img>태그로 레이아웃 변경 방지(CLS) - 사용하지 않는 크기를 비활성화합니다. WordPress 여러 축소판 크기를 생성합니다. 사용하지 않는 크기를 비활성화하세요.
functions.php - WebP 제공: 플러그인을 사용하거나
.htaccess지원 브라우저에 WebP를 제공하는 규칙
영향 측정
최적화 후 다음을 사용하여 결과를 테스트하세요.
- Google PageSpeed Insights — LCP 확인 및 '차세대 형식으로 이미지 제공' 감사
- GTmetrix — 개별 이미지 로드 시간을 보여주는 폭포 보기
- WebPageTest — 이미지 형식 및 크기별 세부 분석
🔧 업로드 전 이미지 압축 - 무료 및 비공개
여기에 WordPress 이미지를 드롭하면 몇 초 만에 최적화된 버전을 얻을 수 있습니다. 플러그인이 필요하지 않으며 브라우저에서 실행됩니다.
압축 이미지 열기 →결론
가장 빠른 WordPress 이미지 작업 흐름은 안전을 위해 사전 업로드 압축과 플러그인을 결합합니다. 콘텐츠 너비에 맞게 크기를 조정하고, 75~82% 품질로 압축하고, WebP로 변환하면 플러그인이 놓친 부분을 잡아낼 수 있습니다. 귀하의 핵심 웹 바이탈이 귀하에게 감사할 것입니다.