WebP 변환기

웹사이트나 쇼핑몰을 더 가볍게 만들고 싶다면 JPG와 PNG를 WebP로 변환해 보세요. 변환기는 작업 전에 JPG 대비 얼마나 절약되는지 예상해 주고, 예전 브라우저를 위한 대체 형식이 포함된 HTML 코드도 함께 준비합니다. 모든 과정은 브라우저 안에서 이루어지며 이미지는 어디에도 업로드되지 않습니다.

이미지를 WebP로 변환하는 방법

1. 이미지를 업로드하세요. 창 안으로 끌어다 놓거나 “파일 찾아보기”를 클릭하세요. JPG, PNG, BMP, 정지 GIF를 지원하며 수십 개 파일도 한 번에 처리합니다.
2. 품질을 설정하세요. 기본 품질 80은 대부분의 웹사이트에 적합합니다. 포트폴리오라면 85에서 90, 미리보기용이라면 70을 골라 보세요.
3. 변환하고 다운로드하세요. “변환” 버튼이 배치 전체를 처리하며, 완성된 WebP는 하나씩 받거나 ZIP으로 받을 수 있습니다.

더 자세히 살펴보고 싶다면 미리보기 아래의 “기술 세부 정보”를 펼쳐 확대경, 예상 절감, HTML 코드를 확인하세요.

이미지를 WebP로 변환해야 하는 이유

WebP는 구글이 웹을 위해 만든 형식입니다. 구글의 연구 (영어)에 따르면 손실 WebP 파일은 같은 품질에서 JPEG보다 25%에서 34% 작고, 무손실 WebP는 PNG보다 약 26% 작습니다. 이미지가 작아지면 페이지 로딩이 빨라지고 Core Web Vitals 점수가 좋아지며 모바일 데이터 사용량도 줄어듭니다.

JPG와 달리 WebP는 투명도도 지원하므로 투명한 배경이 있는 PNG도 대신할 수 있습니다. 지금은 사파리 14 버전부터를 포함해 모든 주요 브라우저가 WebP를 지원 (영어)합니다.

WebP 변환기가 더 해낼 수 있는 일

변환 전에 미리 보는 절감 예상치

기술 세부 정보에서 “샘플로 예상하기”를 찾을 수 있습니다. 변환기는 선택한 이미지의 축소된 샘플을 인코딩해서 지금 설정으로 WebP가 얼마나 커질지, 같은 품질의 JPEG라면 얼마나 될지, 몇 퍼센트를 절약하는지 계산합니다. 변환이 그만한 가치가 있는지 바로 알 수 있습니다.

대체 형식이 포함된 HTML 코드

변환기는 <picture> 요소용 코드를 완성해 줍니다. WebP를 지원하는 브라우저는 새 파일을 불러오고, 그렇지 않은 브라우저는 원래의 JPG나 PNG를 받습니다. 코드에는 이미지 크기와 지연 로딩까지 포함되어 있어 템플릿에 그대로 붙여 넣으면 됩니다. <picture>가 어떻게 동작하는지는 MDN (영어)에서 설명합니다.

100% 확대경

미리보기를 클릭하면 확대경이 원하는 위치로 이동해 원본과 결과를 픽셀 단위로 비교할 수 있습니다. 손실 압축의 흔적은 글자, 경계선, 미세한 색 전환에서 가장 먼저 나타나므로 그 부분을 살펴보면 좋습니다.

투명도는 그대로

투명한 배경이 있는 PNG를 WebP로 바꿔도 알파 채널은 손실 없이 유지됩니다. 대상 앱이 투명도를 지원하지 않는다면 “투명도를 단색으로 병합”을 켜세요.

나쁜 결과로부터 보호

애니메이션 GIF는 변환기가 거부합니다. 변환하면 조용히 첫 프레임만 남게 되기 때문입니다. 반대로 변환된 파일이 원본보다 커지는 경우, 이미 잘 압축된 이미지에서 흔히 생기는데, 표에 표시되며 클릭 한 번으로 “원본 유지”를 선택할 수 있습니다.

크기 조정, 이름 바꾸기, 메타데이터 제거까지

“고급 옵션”에서 이미지를 긴 변의 픽셀 값이나 백분율로 줄이고 {name}, {width}, {height}, {index}로 한 번에 이름을 바꿀 수 있습니다. 변환 과정에서 EXIF, ICC, GPS도 제거되어 사진이 촬영 위치를 드러내지 않습니다. 정확한 크기나 kB 한도로 줄여야 한다면 이미지 크기 조정을 이용하세요.

어떤 WebP 품질을 선택할까

용도	품질	참고
포트폴리오, 제품 사진	85에서 90	손실 없는 디테일, JPG보다는 여전히 작음
일반 웹사이트, 블로그	75에서 80	품질과 용량의 균형이 가장 좋음
미리보기, 갤러리	65에서 70	파일은 작지만 약간의 아티팩트

WebP를 쓸 때와 다른 형식을 쓸 때

• 웹용 사진과 그래픽: WebP를 쓰고, 안전을 위해 <picture>로 대체 형식을 준비하세요.
• 이메일, 기관, 오래된 프로그램용 이미지: JPG가 더 낫습니다. 정말 어디서든 열립니다.
• 추가 편집과 인쇄용 원본: PNG가 손실이 전혀 없어 적합합니다.

변환 전에 웹 이미지의 가로세로 크기를 빠르게 확인하려면 이미지 크기 분석을 이용하세요.

자주 묻는 질문

JPG를 WebP로 어떻게 변환하나요?

JPG 파일을 업로드하고 품질 80을 그대로 두거나 조정한 다음 "변환"을 클릭하세요. WebP는 같은 시각적 품질에서 보통 4분의 1에서 3분의 1 정도 더 작습니다. 특정 사진에서 얼마나 절약되는지는 기술 세부 정보의 예상치로 확인할 수 있습니다.

PNG를 WebP로 변환하면서 투명도를 유지하려면?

PNG를 업로드하고 변환하기만 하면 투명도는 자동으로 유지됩니다. 반대로 투명도를 없애고 싶다면 "투명도를 단색으로 병합"을 켜세요.

모든 브라우저가 WebP를 지원하나요?

네, 사파리 14 버전부터를 포함해 현재 사용되는 모든 브라우저가 지원합니다. 오래된 기기까지 대비하려면 변환기가 준비하는 <picture> 요소 코드를 쓰세요. 오래된 브라우저는 원래의 JPG나 PNG를 대신 불러옵니다.

WebP가 JPG보다 나은가요?

웹에서는 그렇습니다. 같은 품질에서 더 작고 투명도도 지원합니다. 다만 JPG는 여전히 더 많은 프로그램, 프린터, 기관에서 열립니다. 웹에는 WebP를, 공유와 인쇄에는 JPG를 쓰세요.

변환기가 제 GIF를 거부한 이유는 무엇인가요?

애니메이션 GIF는 변환하면 조용히 정지 이미지 한 장으로 바뀌어 버립니다. 예상치 못한 결과를 막기 위해 변환기가 이를 거부합니다. 정지 GIF는 문제없이 변환됩니다.

제 이미지가 서버에 업로드되나요?

아니요. 변환은 브라우저 안에서 바로 이루어지며 파일이 어디로도 전송되지 않습니다.