WebP 변환 하나로 이미지 무거운 병원 사이트 속도를 2배 빠르게 합니다

워드프레스 이미지 WebP 변환 최적화는 이미지가 많은 병원 사이트에서 가장 효과적인 속도 개선 방법 중 하나입니다. 시술 전후 사진, 의료진 소개, 시설 사진이 가득한 병원 홈페이지는 이미지 하나 하나의 용량이 페이지 로딩에 직결됩니다. WebP 포맷은 같은 화질에서 JPEG보다 25~34%, PNG보다 26% 더 작습니다. 실제로 병원 사이트에서 WebP 전환 후 메인 페이지 로드 시간이 4.2초에서 2.1초로 줄었습니다.

Imagify 플러그인으로 자동 변환

무료 플러그인으로 기존 이미지와 새로 업로드하는 이미지를 자동으로 WebP로 변환합니다.

1. Imagify 플러그인 설치·활성화
2. 무료 계정 생성 (매달 20MB 무료)
3. 설정 → WebP 형식 활성화
4. Bulk Optimization으로 기존 이미지 일괄 변환

Imagify 무료 한계: 월 20MB. 이미지가 많으면 ShortPixel (월 100회 무료) 또는 WebP Converter for Media (완전 무료, 서버 직접 변환)를 사용합니다.

서버에서 직접 변환 (cwebp)

호스팅 환경에 따라 서버에서 직접 변환이 가능합니다.

# cwebp 설치
sudo apt install webp

# 단일 파일 변환
cwebp -q 80 image.jpg -o image.webp

# 폴더 내 모든 JPEG 일괄 변환
find /var/www/html/wp-content/uploads -name "*.jpg" -exec \
    cwebp -q 80 {} -o {}.webp \;

-q 80: 품질 80% (80이 권장값, 화질과 용량 균형)

Nginx에서 WebP 자동 서빙

브라우저가 WebP를 지원하면 WebP를, 지원하지 않으면 원본 이미지를 서빙합니다.

# /etc/nginx/conf.d/webp.conf
map $http_accept $webp_suffix {
    default "";
    "~*webp" ".webp";
}

location ~* \.(png|jpg|jpeg)$ {
    add_header Vary Accept;
    try_files $uri$webp_suffix $uri =404;
}

이 설정으로 Accept 헤더에 WebP를 지원하는 크롬, 파이어폭스, 사파리에서는 자동으로 WebP 파일이 서빙됩니다. 구형 브라우저(IE)에서는 원본 이미지가 서빙됩니다.

이미지 최적화는 한 번 설정해두면 지속적으로 효과가 납니다. 특히 모바일 방문자가 많은 병원 사이트에서 체감 차이가 큽니다.