Cloudways WebP Redirection: 이미지 형식 최적화 기능 완벽 가이드

Cloudways WebP Redirection이란?

Cloudways WebP Redirection은 Cloudways 호스팅 플랫폼에서 제공하는 서버 레벨의 이미지 최적화 기능입니다. 이 기능을 활성화하면, JPEG이나 PNG 형식의 이미지 요청이 자동으로 WebP 형식으로 리다이렉션되어 제공됩니다.

작동 원리

1. 사용자 브라우저가 image.jpg 이미지를 요청합니다.
2. Cloudways 서버가 해당 브라우저의 WebP 지원 여부를 감지합니다.
3. WebP를 지원하는 브라우저라면, 자동으로 image.webp 형식의 이미지를 전달합니다.
4. WebP를 지원하지 않는 구형 브라우저라면, 원래의 JPEG/PNG 형식을 제공합니다.

중요: 이 기능이 작동하려면 이미지 최적화 플러그인(예: EWWW Image Optimizer, Smush Pro 등)이 이미 WebP 버전의 이미지를 생성해 두어야 합니다. Cloudways는 단순히 “리다이렉션”만 담당할 뿐, 이미지 변환은 플러그인의 역할입니다.

---

WebP 형식이란?

WebP는 Google이 개발한 최신 이미지 형식입니다.

특징

항목	내용
압축률	JPEG 대비 25-34% 더 작음, PNG 대비 26% 더 작음
품질	더 작은 파일 크기에도 동일하거나 더 나은 화질 유지
기술	손실 압축(lossy)과 무손실 압축(lossless) 모두 지원
투명도	PNG처럼 투명도(알파 채널) 지원

브라우저 지원 현황 (2026년 기준)

브라우저	지원	비고
Chrome/Edge	✅ 지원	모든 최신 버전
Firefox	✅ 지원	버전 65 이상
Safari	✅ 지원	iOS 14, macOS 11 이상
Opera	✅ 지원	최신 버전
Internet Explorer	❌ 미지원	모든 버전 (2022년 단종)
구형 Android	❌ 미지원	Android 4.x 이하

현실: 2026년 기준 전 세계 브라우저의 95% 이상이 WebP를 지원합니다. IE 사용자는 극소수입니다.

---

WebP Redirection 활성화 시 실제 변화

1. 페이지 로딩 속도 개선

파일 크기 감소 예시:

원본 JPEG (2MB) → WebP (1.3MB) = 35% 크기 감소
원본 PNG (1.5MB) → WebP (1.1MB) = 27% 크기 감소

실제 로딩 시간 개선:

• 이미지가 많은 사이트: 20-30% 로딩 시간 단축 예상
• 고해상도 제품 사진이 많은 사이트: 더 큰 개선 가능

2. Core Web Vitals 점수 상승

Google의 Core Web Vitals 지표 중 LCP(Largest Contentful Paint) 개선:

• 큰 이미지가 빨리 로드되면서 점수 상향

3. 모바일 사용자 경험 개선

• 모바일 데이터 사용량 감소: 이미지 크기가 작아져 데이터 사용량 절약
• 배터리 소비 감소: 더 빨리 렌더링되어 기기 부담 완화
• 느린 네트워크에서 효과 극대: 3G/LTE 환경에서 특히 개선

4. SEO 순위 상향 가능성

Google은 페이지 속도를 순위 요소로 고려하므로:

• 페이지 속도 개선 → SEO 순위 상승 가능성
• 특히 모바일 순위에 더 큰 영향

---

활성화 방법및 주의사항

1. 호환성 문제 가능성 (극히 드문 경우)

• 구형 브라우저 사용자: 자동으로 JPEG/PNG 제공되므로 문제 없음
• 일부 이미지 에디터(구형 소프트웨어): WebP 파일 열 수 없을 수 있으나, 이는 호스팅과 무관한 로컬 소프트웨어 문제

2. 서버 리소스 사용

WebP Redirection 자체는 매우 가벼운 기능이어서 서버 리소스를 거의 사용하지 않습니다. 다만 이미지 변환(웹P 생성)은 플러그인이 처리하므로 첫 실행 시만 약간의 CPU 사용이 있습니다.

3. 동적 이미지 생성 이슈

1. 문제 상황: 플러그인이 자동 생성한 WebP 버전이 없는 이미지는 리다이렉션되지 않음
2. 해결방법: 이미지 최적화 플러그인의 배치 작업으로 모든 이미지를 먼저 WebP 변환

4. 활성화(설정)방법

우선 클라우드 웨이즈 에 로그인한 후 홈 화면에서 위 사진 빨간색 사각형 Applications 을 클릭합니다.

어플리케이션을 클릭하시고 위 사진 번호 순서대로 클릭하시면 셋팅이 완료 됩니다. WEBP Redirection 항목이 위 사진처럼 파란색이 되어야 활성화가 된것입니다.

이후 워드프레스 글작성하실때 이미지 업로드가 안된다면 인터넷 창을 닫거나 재 로그인을 시도해 보시면 정상적으로 됩니다. 실제로 저는 저 셋팅을 하고 이미지 업로드시 서버에서 응답이 없다는 에러 메세지가 나왔었고 재로그인 한후 이미지 업로드가 정상적으로 되었습니다.

---

성능 개선의 실제 수치

Google의 공식 데이터 기준:

항목	개선 정도
평균 파일 크기 감소	25-34%
페이지 로딩 시간	10-30% (네트워크 속도에 따라 다름)
모바일 LCP 점수	평균 10-20% 개선
데이터 사용량 절감	30-50% (이미지 많은 사이트)

---

WebP Redirection이 도움이 되는 사이트 유형

사이트 유형	효과
전자상거래	⭐⭐⭐⭐⭐ (상품 이미지 많음)
포트폴리오/갤러리	⭐⭐⭐⭐⭐ (고해상도 이미지)
블로그	⭐⭐⭐ (이미지 적당량)
뉴스 사이트	⭐⭐⭐⭐ (이미지 많음)
텍스트 중심 사이트	⭐⭐ (이미지 거의 없음)

---

활성화 후 모니터링 항목

1. Google Search Console 모니터링

• Core Web Vitals 점수가 개선되었는지 2주 후 확인

2. Google Analytics 확인

• 페이지 로딩 속도 개선 여부
• 이탈률 감소 여부

3. 실사용자 모니터링(RUM) 도구

• Google Lighthouse
• WebPageTest
• GTmetrix

---

정리: WebP Redirection 활성화의 의미

✅ 장점

• 최소한의 추가 작업으로 자동 이미지 최적화
• 모든 최신 브라우저에서 최적 성능 제공
• SEO 순위 개선 가능성
• 서버 리소스 거의 무부담

⚠️ 주의사항

• 이미지 최적화 플러그인 필수 (Cloudways는 리다이렉션만 담당)
• 모든 이미지가 미리 WebP 변환되어야 함
• 캐시 초기화 필수