이미지를 WebP 형식으로 변환하는 방법: 완벽 가이드 (2026)

2026년 3월 28일 게시 • 14분 읽기

WebP는 JPEG 및 PNG와 비교하여 눈에 띄는 품질 손실 없이 파일 크기를 25-35% 절약합니다. 웹사이트를 운영하면서 아직 전환하지 않았다면, 모든 페이지 로드마다 불필요한 바이트를 전송하고 있는 것입니다. 이 가이드는 드래그 앤 드롭 온라인 도구부터 자동화된 빌드 파이프라인까지 이미지를 WebP로 변환하는 모든 실용적인 방법을 다룹니다.

1. WebP란 무엇이며 왜 사용해야 하나요?

WebP는 Google이 2010년에 만든 이미지 형식으로, VP8 비디오 코덱 기술을 기반으로 구축되었습니다. 하나의 목표로 설계되었습니다: JPEG 및 PNG와 동일한 시각적 품질을 훨씬 작은 파일 크기로 제공하는 것입니다. 그리고 이 약속을 일관되게 지킵니다.

손실 모드에서 WebP는 동일한 SSIM 품질 지수에서 동등한 JPEG 파일보다 25-34% 작은 파일을 생성합니다. 무손실 모드에서 WebP 이미지는 평균적으로 PNG보다 26% 작습니다. 이것은 이론적인 수치가 아닙니다 — Google은 웹에서 무작위로 샘플링한 100만 개의 이미지를 테스트하여 이러한 수치에 도달했습니다.

WebP가 특히 유용한 이유는 JPEG와 PNG가 개별적으로 할 수 없는 것을 처리한다는 것입니다. JPEG는 작은 사진을 제공하지만 투명도가 없습니다. PNG는 투명도를 제공하지만 파일 크기가 큽니다. WebP는 둘 다 수행합니다 — 완전한 알파 채널 지원과 함께 손실 압축을 제공합니다. 투명한 배경이 있는 제품 이미지가 PNG로 800KB일 수 있지만, 투명도가 있는 손실 WebP로 150KB로 줄어들 수 있으며, 차이를 볼 수 없습니다.

WebP는 애니메이션도 지원하므로 GIF 파일을 대체할 수 있습니다. 애니메이션 WebP 파일은 동등한 GIF보다 약 64% 작으며, 더 나은 색 심도(GIF의 8비트 팔레트 대비 24비트)를 제공합니다. 짧은 애니메이션이나 UI 데모에 여전히 GIF를 사용하고 있다면, WebP는 직접적인 업그레이드입니다.

실질적인 영향은 간단합니다: 더 빠른 페이지 로드, 더 낮은 대역폭 비용, 더 나은 Core Web Vitals 점수입니다. 카테고리 페이지당 50개의 제품 이미지가 있는 일반적인 전자상거래 사이트의 경우, JPEG에서 WebP로 전환하면 이미지 페이로드를 3MB에서 2MB 미만으로 줄일 수 있습니다 — 모바일 연결에서 로드 시간을 1-2초 단축합니다.

2. 2026년 WebP 브라우저 지원

브라우저 지원은 사람들이 수년 동안 WebP 채택을 주저했던 주요 이유였습니다. 이제 그 우려는 무관합니다. 2026년 초 현재, Can I Use 데이터에 따르면 WebP는 전 세계적으로 사용 중인 브라우저의 97% 이상에서 지원됩니다.

현재 상태는 다음과 같습니다:

브라우저WebP 지원 시작참고
Chrome버전 32 (2014)완전한 손실 + 무손실 + 애니메이션
Firefox버전 65 (2019)완전 지원
Safari버전 14 / macOS Big Sur (2020)macOS 및 iOS에서 완전 지원
Edge버전 18 (2018)완전 지원
Opera버전 19 (2013)완전 지원
Samsung Internet버전 4 (2016)완전 지원

WebP를 지원하지 않은 유일한 브라우저는 Internet Explorer 11이며, Microsoft는 2022년 6월에 공식적으로 종료했습니다. IE11의 전 세계 사용 점유율은 이제 0.15% 미만입니다. 분석 데이터에서 의미 있는 IE11 트래픽이 표시되지 않는 한(확인해보세요 — 거의 확실히 그렇지 않습니다), 대체 방식 없이 WebP를 제공해도 괜찮습니다.

그렇긴 하지만, HTML <picture> 요소를 사용하여 대체 방식을 구현하는 것은 간단하며, 성능 측면에서 비용이 들지 않습니다. 아래 대체 방식 섹션에서 다루겠습니다. 하지만 대부분의 사이트에서는 2026년에 WebP를 주요하고 유일한 웹 이미지 형식으로 자신 있게 사용할 수 있습니다.

2020년 Safari의 채택이 전환점이었습니다. 그 전에는 약 15-20%의 웹 사용자(iOS Safari + macOS Safari)가 WebP 이미지를 볼 수 없었습니다. 이제 모든 주요 플랫폼 — 데스크톱, 모바일, 태블릿 — 이 WebP를 기본적으로 처리합니다.

3. WebP 품질 설정 설명

품질 설정을 올바르게 하는 것은 "파일 크기 10% 절약"과 "파일 크기 40% 절약"의 차이입니다. WebP의 품질 매개변수는 JPEG와 다르게 작동하며, 뉘앙스를 이해하면 더 나은 결정을 내리는 데 도움이 됩니다.

손실 WebP 품질 (-q 플래그)

WebP의 품질 척도는 JPEG와 유사하게 0에서 100까지입니다. 그러나 압축 알고리즘이 더 효율적이므로 품질 80의 WebP는 일반적으로 품질 85-90의 JPEG만큼 좋아 보입니다. 대부분의 사진 콘텐츠에 대한 최적 지점은 품질 75-85입니다. 각 범위가 실제로 의미하는 바는 다음과 같습니다:

무손실 WebP

무손실 모드는 모든 픽셀을 정확하게 보존합니다. 품질 슬라이더가 없습니다 — 출력은 입력과 수학적으로 동일합니다. 스크린샷, 다이어그램, 로고, UI 요소 및 날카로운 가장자리, 텍스트 또는 평평한 색상 영역이 있는 모든 이미지에 무손실 WebP를 사용하세요. 무손실 WebP 파일은 일반적으로 동등한 PNG보다 26% 작습니다.

준무손실 모드

이것은 대부분의 가이드가 건너뛰는 WebP의 숨겨진 보석입니다. 준무손실 모드(cwebp에서 -near_lossless로 활성화)는 무손실 압축 전에 이미지에 최소한의 전처리를 적용합니다. 전처리는 변경이 보이지 않는 영역에서 픽셀 값을 약간 수정하여 압축을 극적으로 개선합니다. 레벨 60의 준무손실 WebP는 표준 무손실 WebP보다 40-50% 작을 수 있으며, 변경 사항은 말 그대로 인간의 눈에 보이지 않습니다. 진정한 무손실보다 훨씬 작은 크기로 거의 완벽한 품질을 원하는 스크린샷 및 그래픽에 이상적입니다.

한 가지 중요한 세부 사항: WebP의 품질 설정은 압축-품질 트레이드오프를 제어하지만, -m 플래그(방법, 0-6)는 인코더가 최적의 압축을 찾기 위해 얼마나 열심히 작동하는지 제어합니다. 값이 높을수록 파일이 작아지지만 인코딩 시간이 더 오래 걸립니다. 일괄 처리의 경우 -m 4가 좋은 균형입니다. 최대 절약을 원하는 일회성 변환의 경우 -m 6을 사용하세요.

4. 방법 1: ImgKit으로 온라인 변환

몇 개의 이미지를 빠르게 변환해야 하는 경우 온라인 변환기가 가장 빠른 경로입니다. ImgKit의 Image to WebP 변환기는 브라우저에서 완전히 실행됩니다 — 이미지가 장치를 떠나지 않으므로 클라이언트 사진이나 민감한 콘텐츠로 작업하는 경우 중요합니다.

사용 방법은 다음과 같습니다:

  1. 도구 열기 — img-kit.com/tools/image-to-webp/로 이동
  2. 이미지 업로드 — 업로드 영역에 파일을 드래그 앤 드롭하거나 클릭하여 찾아보세요. 한 번에 여러 파일을 선택할 수 있습니다. 이 도구는 JPEG, PNG, GIF, BMP 및 TIFF 입력을 허용합니다.
  3. 품질 조정 — 품질 슬라이더를 사용하여 목표를 설정하세요. 미리보기가 실시간으로 업데이트되므로 다운로드하기 전에 출력을 볼 수 있습니다. 80에서 시작하여 품질 손실이 눈에 띌 때까지 낮춘 다음 한 단계 올리세요.
  4. 다운로드 — 다운로드 버튼을 클릭하여 WebP 파일을 받으세요. 여러 이미지의 경우 zip 파일을 받게 됩니다.

브라우저 기반 접근 방식은 이미지당 약 50MB의 실용적인 제한이 있습니다(장치의 RAM에 따라 다름). 더 큰 파일이나 수백 개의 이미지의 경우 아래의 명령줄 방법을 사용하세요.

온라인 접근 방식의 한 가지 장점: 전후를 나란히 시각적으로 비교할 수 있습니다. 이것은 두 파일을 수동으로 열어야 하는 명령줄 도구로는 더 어렵습니다. 특정 유형의 이미지(제품 사진, 블로그 헤더 등)에 대한 올바른 품질 설정을 찾으려는 경우, 온라인 도구로 시작하여 설정을 조정한 다음 일괄 처리에 해당 설정을 사용하세요.

5. 방법 2: 명령줄로 변환 (cwebp)

Google의 cwebp 도구는 WebP의 참조 인코더입니다. 무료이고 빠르며 모든 인코딩 매개변수에 대한 완전한 제어를 제공합니다. 이것은 일괄 처리 또는 빌드 스크립트에 WebP 변환을 통합하는 데 사용할 방법입니다.

설치

# macOS
brew install webp

# Ubuntu/Debian
sudo apt install webp

# Windows (chocolatey를 통해)
choco install webp

기본 변환

# 품질 80으로 단일 이미지 변환
cwebp -q 80 photo.jpg -o photo.webp

# 무손실 변환
cwebp -lossless screenshot.png -o screenshot.webp

# 레벨 60의 준무손실 (그래픽에 적합)
cwebp -near_lossless 60 diagram.png -o diagram.webp

일괄 변환

디렉토리의 모든 JPEG 변환:

# Linux/macOS — 현재 폴더의 모든 JPEG 변환
for f in *.jpg; do
  cwebp -q 80 -m 4 "$f" -o "${f%.jpg}.webp"
done

# 하위 디렉토리 포함
find . -name "*.jpg" -exec sh -c 'cwebp -q 80 "$1" -o "${1%.jpg}.webp"' _ {} \;

# PNG도 변환
for f in *.png; do
  cwebp -q 85 -m 4 "$f" -o "${f%.png}.webp"
done

유용한 플래그