이미지 포맷 최적화(WebP·AVIF)로 사이트 속도 되살리기

워드프레스 비즈니스를 해온 지도 어느덧 15년째입니다. 그동안 수많은 고객사 사이트를 구축하고 운영하면서 국내 환경에 맞춰 카페24(Cafe24) 호스팅을 주력으로 사용해 왔습니다. 우리 쪽 개발 방식이나 코드를 무겁게 짜는 편이 아니었기에, 솔직히 지난 십수 년간 ‘사이트가 느려서 고생스럽다’는 느낌을 받은 적은 거의 없었습니다.

그런데 최근 들어 분위기가 확연히 달라졌습니다. 개발 방식은 예전과 크게 달라진 게 없는데, 호스팅 자체가 눈에 띄게 느려졌습니다. 특히 여러 계정이 한 서버 자원을 나눠 쓰는 공유호스팅, 그중에서도 카페24 워드프레스 공유호스팅 환경에서 체감 속도 저하가 부쩍 심해졌습니다.

현업에서 느끼는 이 속도 저하의 원인은 단순히 기분 탓이 아니라 웹 생태계와 호스팅 업계의 구조적 변화가 맞물린 결과입니다.

AI 크롤러의 무차별 수집과 ‘이웃 소음’
최근 1~2년 사이 각종 AI 학습용 봇들이 캐시를 우회해 서버의 PHP와 데이터베이스(DB)를 24시간 두드리고 있습니다. 여기에 ChatGPT API로 글을 자동으로 찍어내는 ‘AI 자동화 블로그’나 검증되지 않은 AI 생성 코드(바이브 코딩)를 그대로 올린 계정들이 공유 서버에 대거 입주하면서, 같은 물리 서버를 쓰는 정상적인 사이트들까지 덩달아 느려지는 현상이 잦아졌습니다.

호스팅사의 수익 구조 변화와 인프라 압박
카페24의 최근 행보를 보면 회사의 무게중심이 전통적인 웹호스팅에서 유튜브 쇼핑 등 이커머스 플랫폼 쪽으로 완전히 이동했습니다. 실제로 2026년 들어 매출은 늘었지만 마케팅과 결제 수수료 증가로 2분기 영업이익이 전년 대비 26.7% 줄고, 3분기 영업이익 역시 41.6% 급감하는 등 수익성 압박이 커졌습니다. 동시에 글로벌 AI 인프라 투자 여파로 서버용 하드웨어 부품 원가가 오르면서 일부 서버호스팅 요금까지 인상되는 상황입니다. 마진이 박한 저가형 공유호스팅의 물리 서버 밀도가 빡빡하게 유지될 수밖에 없는 배경입니다.

호스팅 환경 자체가 예전처럼 넉넉하지 않다 보니, 요즘은 그 어느 때보다 웹사이트 퍼포먼스 최적화에 많은 신경을 쓰고 있습니다. 서버 이전을 검토하기 전에 현재 운영 중인 사이트들을 중심으로 가볍게 만들 수 있는 요소부터 하나씩 정비해 나가는 중입니다.

최적화의 첫 단추: 구글 Lighthouse의 ‘차세대 이미지 포맷’ 경고 지우기

운영 중인 사이트의 속도를 점검할 때 가장 먼저 돌려보는 것이 구글 PageSpeed Insights나 크롬의 Lighthouse(라이트하우스) 리포트입니다. 호스팅 응답 속도가 조금 늦더라도 브라우저가 내려받는 데이터 총량 자체를 줄여주면 체감 로딩 속도를 크게 방어할 수 있는데, 이때 가장 자주 마주치는 진단 항목이 바로 이것입니다.

차세대 형식으로 이미지 제공 (Serve images in next-gen formats)

웹페이지가 열릴 때 걸리는 시간의 절반 이상은 글자가 아니라 이미지를 불러오는 데 쓰입니다. 과거 방식 그대로 올린 무거운 사진 파일들을 구글이 권장하는 차세대 포맷(WebP, AVIF)으로 바꿔주는 것만으로도 페이지 용량을 절반 가까이 줄일 수 있습니다.

JPG, PNG, WebP, AVIF 무엇이 다를까?

우리가 흔히 쓰는 JPG와 PNG는 수십 년 전에 만들어진 구형 방식입니다. 여행 가방에 비유하면 이해가 쉽습니다.

JPG (JPEG, Joint Photographic Experts Group)
옷을 꾹꾹 눌러 담아 부피를 줄인 가방입니다. 가벼워서 일반 사진에 많이 쓰이지만 배경을 투명하게 만들 수 없고, 용량을 과하게 줄이면 화질이 깨집니다.

PNG (Portable Network Graphics)
옷이 구겨지지 않게 그대로 넣은 커다란 하드캐리어입니다. 로고나 캡처 화면처럼 선명해야 할 때, 투명 배경이 필요할 때 쓰지만 파일 크기가 어마어마하게 무겁습니다.

반면 WebP(웹피)와 AVIF(아비프)는 성능 좋은 ‘진공 압축팩’과 같습니다. 화질은 손상하지 않고 투명 배경까지 그대로 유지하면서 파일 용량만 절반 이하로 쏙 빼줍니다.

이미지 형식	특징 및 장점	파일 용량 (같은 화질 기준)	추천 용도
JPG	가장 흔한 사진 파일 (투명 배경 불가)	기준 (100%)	일반 사진 (구형 방식)
PNG	선명한 화질, 투명 배경 지원	JPG보다 2~5배 무거움	로고, 아이콘 (구형 방식)
WebP	JPG의 가벼움 + PNG의 투명 배경 결합	JPG보다 약 30% 가벼움	블로그·기업 사이트 모든 이미지
AVIF	WebP보다 한 단계 더 진화한 최신 압축 기술	JPG보다 약 50% 가벼움	메인 배너, 고화질 대표 사진

실제 운영 사이트에 적용하며 정리한 현실적인 의문 3가지

고객사 사이트나 운영 중인 사이트에 새로운 포맷을 일괄 적용할 때는 항상 안정성과 서버 자원을 먼저 따져보게 됩니다. 적용 전 가장 많이 고민하게 되는 세 가지 포인트를 짚어보았습니다.

새로운 포맷이 정착하지 못하고 중간에 사라지면 어쩌죠?

WebP와 AVIF는 원본 보관용 파일이 아니라 웹사이트 방문자에게 빠르게 쏴주기 위한 ‘웹 배달 전용 포맷’입니다. 이미 네이버, 쿠팡, 유튜브 등 대형 플랫폼의 이미지도 대부분 이 포맷들로 전송되고 있으며, 포토샵 등 주요 편집 툴에서도 정식 지원이 자리 잡았습니다. 무엇보다 워드프레스 최적화 플러그인을 쓰면 서버의 원본 JPG·PNG 파일은 지워지지 않고 그대로 보존되므로, 구형 기기로 접속한 방문자에게는 자동으로 원본을 보여주어 이미지가 깨질 염려가 없습니다.

원본 옆에 WebP 복사본이 생기면 공유호스팅 하드 용량이 부족해지지 않나요?

단순히 파일 개수만 보면 두 배가 되지만, 해상도 축소(리사이징)와 원본 압축을 함께 진행하면 전체 디스크 사용량은 오히려 크게 줄어듭니다. 예를 들어 스마트폰으로 찍은 5MB짜리 초대형 원본을 올릴 때, 가로 폭을 웹 화면에 알맞은 1920px로 줄이고 압축하면 원본 JPG가 300KB로 줄어듭니다. 그 옆에 200KB짜리 WebP 복사본을 만들어도 총합이 500KB밖에 되지 않아, 원래 파일 1개만 둘 때보다 저장 공간을 10분의 1로 아끼고 매달 나가는 트래픽까지 방어할 수 있습니다. 참고로 써본적은 없지만 원본 삭제 기능도 있습니다.

초대형 이미지를 변환하다가 공유호스팅 서버가 멈추지는 않나요?

가로 4,000픽셀이 넘는 고해상도 원본을 곧바로 WebP로 인코딩하려고 하면 호스팅의 PHP 메모리 한도를 초과해 작업이 멈추는 경우가 많습니다. 따라서 반드시 ‘큰 이미지의 해상도를 먼저 줄인 뒤 WebP로 변환’하는 순서를 지키는 것이 핵심입니다.

운영 중인 사이트 일괄 최적화: ‘EWWW Image Optimizer’

이미 수백, 수천 장의 이미지가 쌓여 있는 기존 운영 사이트들을 정리하기 위해 선택한 도구는 EWWW Image Optimizer입니다. 무료 버전만으로도 ① 초대형 원본 자동 리사이징 → ② 원본 무손실 압축 → ③ WebP 자동 변환 및 출력을 한 번에 처리해 줍니다.

실무 적용 3단계

1. 최대 해상도 제한 (Resize 탭): [설정 > EWWW Image Optimizer] 메뉴에서 최대 가로·세로 크기(예: 1920 × 1920)를 지정합니다. 고해상도 원본이 들어올 때 크기를 먼저 줄여주어 공유호스팅 서버가 메모리 초과로 뻗는 현상을 막아줍니다.
2. WebP 변환 및 출력 방식 설정 (WebP 탭): WebP Conversion에 체크하고, 하단 출력 옵션에서 JS WebP Rewriting 또는 Picture WebP Rewriting을 선택합니다. 특히 Nginx 서버나 Cloudflare CDN을 앞단에 연결한 사이트라면 이 옵션을 켜야 방문자 브라우저에 WebP가 정상적으로 전달됩니다.
3. 기존 이미지 일괄 변환 (미디어 > 대량 최적화): 이미 업로드된 과거 이미지들은 [미디어 > 대량 최적화]에서 시작 버튼을 눌러 백그라운드로 순차 변환합니다.

운영 편의성

EWWW는 최적화가 끝난 파일 목록을 자체 DB에 기록합니다. 대량 작업 도중 창을 닫아 중단되더라도 다시 실행하면 멈췄던 지점부터 이어서 진행하며, 이미 변환이 끝난 파일은 자동으로 건너뛰고 새로 추가된 미처리 파일만 골라서 작업합니다. 플러그인이 켜진 상태에서 새로 올리는 이미지들은 업로드와 동시에 자동 변환됩니다. (참고로 무료 버전은 WebP 변환까지 무제한 지원하며, 서버 연산 부하가 큰 AVIF 자동 변환은 유료 클라우드 플랜에서만 지원됩니다.)

메인 대문 이미지는 한 단계 더 가볍게 ‘AVIF’로: 구글 무료 툴 ‘Squoosh’

사이트 첫 화면을 꽉 채우는 히어로 배너나 핵심 랜딩 이미지처럼 용량이 크면서도 화질이 중요한 대표 사진 몇 장은 WebP보다 한 단계 더 가벼운 AVIF로 직접 변환해 올리고 있습니다. 워드프레스 6.5 버전부터는 별도 플러그인 없이도 AVIF 파일을 일반 사진처럼 바로 업로드할 수 있습니다.
이때 가장 간편하게 쓰는 도구가 구글이 무료로 공개한 웹 서비스 Squoosh(스쿼시, squoosh.app)입니다. 별도 설치 없이 브라우저 안에서 모든 변환이 이루어집니다.

1. squoosh.app에 접속해 변환할 이미지 파일을 화면에 끌어다 놓습니다.
2. 화면 가운데 세로선을 좌우로 움직여 왼쪽(원본)과 오른쪽(압축본)의 화질 차이를 실시간으로 확대해 확인합니다.
3. 오른쪽 아래 [Compress] 메뉴에서 형식을 AVIF로 선택하고, 화질(Quality) 막대를 조절해 원본과 눈으로 차이가 없는 선에서 용량을 최대로 줄인 뒤 다운로드해 워드프레스에 업로드합니다.

호스팅 인프라 환경이 예전처럼 넉넉하지 않은 요즘, 무작정 서버 사양만 탓하기보다는 우리가 통제할 수 있는 영역에서 불필요한 군더더기를 덜어내는 작업이 그 어느 때보다 중요해졌습니다. 운영 중인 사이트의 이미지 해상도를 정리하고 WebP·AVIF 포맷을 적용하는 것만으로도 서버 부하와 트래픽을 줄이면서 방문자가 체감하는 초기 로딩 속도를 확실하게 끌어올릴 수 있습니다.