이미지를 넣으면 단계마다 실제 WebP 크기가 바로 나옵니다
이미지 WebP 변환기는 JPG·PNG·GIF·AVIF 같은 이미지를 WebP 파일로 다시 저장하는 도구입니다. 사진을 넣으면 오른쪽 압축 강도 사다리가 무손실부터 최대까지 여섯 단계로 이 사진을 실제로 바꿔 보고, 단계마다 나온 WebP 크기와 원본 대비 비율을 막대로 보여 줍니다. 예를 들어 예시 사진(2,400 × 1,597 JPG, 332 KB)은 기본값인 보통(품질 80)에서 141 KB로 57.4% 줄었습니다.
크기만 보고 고르지 않도록 원본과 WebP를 같은 크기로 겹쳐 놓았습니다. 가운데 선을 좌우로 끌면 왼쪽은 원본, 오른쪽은 WebP가 보이고, 확대해 보기를 누르면 실제 픽셀 크기로 뭉개짐을 확인할 수 있습니다. 이미지는 서버로 보내지 않고 이 브라우저 안에서만 바꿉니다.
이럴 때 씁니다
- 블로그·홈페이지에 사진을 올릴 때: 사진 파일이 작을수록 페이지가 빨리 열립니다. WordPress는 5.8부터 WebP를 JPEG·PNG처럼 올려 쓸 수 있고, 구글 검색도 WebP 이미지를 색인합니다.
- 페이지 속도 점검에서 이미지 경고를 받았을 때: Lighthouse·PageSpeed Insights는 WebP·AVIF로 바꾸면 줄어드는 이미지를 'Improve image delivery' 항목에서 알려 줍니다(Lighthouse 13부터, 이전 이름 'Serve images in modern formats').
- 쇼핑몰 상세·썸네일 이미지를 한꺼번에 줄일 때: 상품 사진 여러 장을 넣고 같은 강도와 긴 변 길이로 바꾼 뒤 ZIP 하나로 받습니다. 목록에서 사진마다 원본과 WebP 크기를 나란히 볼 수 있습니다.
- 투명 배경 로고·아이콘 PNG를 가볍게 할 때: WebP는 투명 배경을 그대로 담습니다. 예시 투명 그림 PNG(70 KB)는 무손실 WebP에서 40 KB가 됐습니다.
- 사진의 촬영 정보를 빼고 공유할 때: 이 도구가 저장한 WebP에는 EXIF(촬영 기기·GPS 위치)와 XMP 정보가 들어가지 않습니다. 화면에 보이는 픽셀만 새 파일로 씁니다.
쓰는 법
- 이미지를 끌어 놓거나 이미지 고르기를 누릅니다. 한 번에 여러 장(최대 50장, 장당 50 MB)을 넣을 수 있고, 캡처는 Ctrl+V로 붙여 넣어도 됩니다.
- 위쪽 결과 띠에서 모든 사진의 WebP 합계와 줄어든 비율을 확인합니다. 아래 목록은 사진마다 원본 → WebP 크기와 막대를 보여 줍니다.
- 오른쪽 압축 강도 사다리에서 단계를 고릅니다. 크기는 선택한 사진을 그 단계로 실제 저장한 값이며, 고른 단계는 넣은 모든 사진에 똑같이 적용됩니다.
- 필요하면 긴 변 줄이기에서 2,560·1,920·1,280·800px 중 하나를 고릅니다. 더 작은 사진은 늘리지 않습니다.
- 비교 화면에서 가운데 선을 끌어 화질을 확인한 뒤 WebP 저장(한 장) 또는 ZIP으로 모두 저장(여러 장)을 누릅니다. 목록의 저장 단추로 한 장씩 받을 수도 있습니다.
압축 강도 고르는 법
WebP 품질은 0~100 사이 숫자이고, 낮출수록 파일이 작아지는 대신 세부가 뭉개집니다. 아래 표는 예시 사진(과일 상품 사진, JPG 332 KB)을 단계와 긴 변 길이별로 바꾼 실제 크기입니다. 괄호 안은 원본 JPG 대비 비율입니다.
| 강도(품질) | 원본 크기 2,400px | 긴 변 1,920px | 긴 변 1,280px | 어울리는 곳 |
|---|---|---|---|---|
| 무손실 | 1.16 MB (+249.5%) | 777 KB (+134.3%) | 418 KB (+26.0%) | 로고·도형·픽셀 그림 |
| 약하게(90) | 229 KB (−31.1%) | 150 KB (−54.8%) | 90 KB (−73.0%) | 상품 대표 사진, 글자가 많은 캡처 |
| 보통(80, 기본) | 141 KB (−57.4%) | 92 KB (−72.3%) | 56 KB (−83.2%) | 블로그 본문 사진 대부분 |
| 강하게(70) | 106 KB (−68.2%) | 69 KB (−79.1%) | 42 KB (−87.2%) | 목록 썸네일, 배경 사진 |
| 매우 강하게(55) | 89 KB (−73.3%) | 58 KB (−82.4%) | 36 KB (−89.1%) | 작게 보이는 미리 보기 |
| 최대(40) | 71 KB (−78.6%) | 47 KB (−85.7%) | 29 KB (−91.2%) | 뭉개져도 되는 임시 이미지 |
표에서 보듯 크기를 가장 많이 줄이는 것은 품질보다 픽셀 수입니다. 보통(80)에서 긴 변을 2,400px에서 1,280px로 줄이면 141 KB가 56 KB가 되어, 같은 크기에서 최대(40)를 고른 71 KB보다 작으면서 덜 뭉개집니다. 사진이 화면에 실제로 보이는 폭보다 크게 저장돼 있다면 긴 변 줄이기를 먼저 고르고, 품질은 보통 근처에 두는 편이 좋습니다.
매우 강하게·최대 두 단계는 사다리에 빗금으로 표시돼 있습니다. 하늘·벽 같은 고른 면에 띠가 생기고 글자 가장자리가 번지기 쉬운 구간이니, 이 단계를 고르면 확대해 보기로 꼭 확인하세요. 사다리에 없는 품질은 품질 직접 고르기에서 1~100으로 정할 수 있습니다.
무손실과 투명 배경
무손실은 불투명한 픽셀의 색과 모든 픽셀의 투명도를 그대로 남기고 압축합니다. 반투명한 픽셀은 브라우저 캔버스가 색에 투명도를 미리 곱해 담기 때문에 색 값이 조금 달라질 수 있습니다. 구글은 무손실 WebP가 PNG보다 26% 작다고 밝히고 있고, 예시 투명 그림(1,200 × 900 PNG, 70 KB)은 무손실 WebP에서 40 KB로 43.3% 줄었습니다. 같은 그림을 보통(80)으로 저장하면 30 KB입니다. 단색 면과 또렷한 경계가 많은 로고·아이콘은 무손실이 손실 단계와 비슷하거나 더 작게 나오기도 하며, 그때는 사다리 아래에 무손실을 권하는 안내가 뜹니다.
| 강도(품질) | 예시 사진 JPG 332 KB | 예시 투명 그림 PNG 70 KB |
|---|---|---|
| 무손실 | 1.16 MB (+249.5%) | 40 KB (−43.3%) |
| 약하게(90) | 229 KB (−31.1%) | 35 KB (−50.4%) |
| 보통(80, 기본) | 141 KB (−57.4%) | 30 KB (−56.6%) |
| 강하게(70) | 106 KB (−68.2%) | 29 KB (−59.3%) |
| 매우 강하게(55) | 89 KB (−73.3%) | 27 KB (−60.8%) |
| 최대(40) | 71 KB (−78.6%) | 27 KB (−61.9%) |
표에서 보듯 그림은 강도를 높여도 크기가 30 KB 근처에서 거의 줄지 않습니다. 단순한 그림은 무손실로 이미 충분히 작아지므로 화질을 깎는 단계보다 무손실이 나은 경우가 많습니다. 반대로 사진은 무손실로 바꾸면 커집니다. JPG는 이미 손실 압축된 파일이라, 그 결과 픽셀을 그대로 보존하려면 데이터가 훨씬 많이 필요합니다. 예시 사진은 무손실에서 1.16 MB로 원본 JPG의 3.5배가 됐습니다. 사진은 손실 단계를 고르세요.
투명 배경은 무손실과 손실 단계 모두에서 남습니다. 구글 설명대로 손실 WebP도 투명도를 지원하며 보통 PNG보다 3배쯤 작습니다. 비교 화면의 회색 체크무늬가 보이는 곳이 투명한 부분입니다.
WebP가 원본보다 커지는 경우
- 이미 작게 압축된 JPG: 메신저나 쇼핑몰을 거쳐 품질이 낮아진 JPG는 약하게(90)로 다시 저장하면 오히려 커질 수 있습니다. 목록과 사다리에서 커진 값은 빗금 막대와 + 비율로 표시되니 강도를 높이거나 원본을 그대로 쓰세요.
- 사진을 무손실로 저장할 때: 위의 예시처럼 원본보다 몇 배 커집니다.
- 이미 WebP인 파일: 손실 압축을 한 번 더 하므로 화질이 떨어집니다. 긴 변을 줄여야 할 때만 다시 바꾸세요.
- 아주 작은 아이콘: 몇 KB짜리 PNG는 형식 머리 정보 때문에 줄어드는 폭이 작습니다.
비교 화면에서 확인할 곳
비교 화면은 원본을 저장할 크기로 맞춘 그림과 WebP 결과를 같은 자리에 겹쳐 보여 줍니다. 처음 결과가 나오면 경계선이 오른쪽에서 가운데로 쓸며 WebP를 드러냅니다. 선을 끌거나 화면을 눌러 경계를 옮기고, 키보드로는 경계에 초점을 둔 뒤 방향키로 움직입니다.
- 글자와 선: 캡처의 작은 글자, 상품 라벨, 표의 선 가장자리가 번지지 않았는지 봅니다.
- 고른 면: 하늘, 흰 배경, 벽처럼 색이 천천히 바뀌는 면에 띠나 얼룩이 생기지 않았는지 봅니다.
- 세밀한 질감: 머리카락, 천의 결, 잎처럼 촘촘한 부분이 뭉개졌는지 봅니다.
- 진한 빨강·파랑의 가장자리: 손실 WebP는 색을 Y'CbCr 4:2:0으로 담아 색 정보의 해상도가 밝기의 가로·세로 절반입니다. 그래서 진한 색과 배경이 맞닿은 경계가 먼저 흐려집니다.
화면에 맞춘 상태에서는 사진이 줄어 보여 차이가 잘 드러나지 않습니다. 확대해 보기를 누르면 저장할 픽셀 그대로(작은 사진은 두 배로) 보여 주고, 화면을 끌어 다른 부분으로 옮길 수 있습니다.
브라우저마다 다른 점
Chrome·Edge·Firefox는 브라우저 안에 WebP 인코더가 있어 손실 단계는 그 인코더로 바로 만듭니다. Safari는 캔버스를 WebP로 저장하는 기능이 없어서, 그대로 두면 PNG가 나옵니다(MDN 호환표의 Safari 미지원, HTML 표준의 'PNG로 대신 저장' 규칙). 그래서 이 도구는 Safari에서 구글 libwebp를 웹용으로 옮긴 엔진(약 320 KB)을 이 사이트에서 받아 같은 방식으로 WebP를 만들고, 사다리 아래에 그 사실을 표시합니다.
무손실 단계는 모든 브라우저에서 이 libwebp 엔진으로 만듭니다. Chrome의 내장 무손실 저장은 예시 투명 그림에서 121 KB가 나와 엔진의 40 KB보다 세 배 컸기 때문입니다. 손실 단계의 크기는 브라우저 인코더 설정에 따라 몇 KB씩 다를 수 있습니다(예시 사진 강하게: Chrome 106 KB, 엔진 105 KB).
만든 WebP를 여는 쪽도 확인하세요. 최신 Chrome·Edge·Firefox·Safari는 WebP를 보여 주지만, macOS의 Safari는 Safari 14 이상과 macOS 11 Big Sur 이상이 함께 필요합니다. 오래된 기기나 프로그램에 보낼 파일이라면 JPG·PNG 원본도 함께 남겨 두세요.
자주 틀리는 경우
- 품질 100이면 무손실이라고 생각하는 경우: 품질 100도 손실 압축입니다. 픽셀을 그대로 남기려면 무손실 단계를 고르세요.
- 원본을 지우는 경우: WebP는 올리고 보여 주기 위한 파일입니다. 다시 편집하거나 인쇄할 원본 사진은 따로 보관하세요.
- 큰 사진을 품질만 낮추는 경우: 화면에 1,000px 남짓으로 보이는 사진을 4,000px 그대로 두고 품질만 낮추면 크기도 덜 줄고 화질도 나빠집니다. 긴 변 줄이기를 먼저 쓰세요.
- 움직이는 GIF가 그대로 움직일 거라고 생각하는 경우: 이 도구는 첫 장면 한 장만 WebP로 바꿉니다. 목록에 '움직이는 그림'이 표시된 파일은 결과가 정지 이미지입니다.
- 목록의 한 장만 보고 강도를 정하는 경우: 사다리는 선택한 사진 기준입니다. 성격이 다른 사진(캡처·그림)이 섞여 있다면 목록에서 눌러 바꿔 가며 확인하세요.
이미지와 개인정보
이미지를 읽고 WebP로 바꾸고 파일로 만드는 일은 모두 이 브라우저 안에서 합니다. 변환하려고 이미지를 서버로 보내지 않으며, 원본 파일을 바꾸거나 지우지 않습니다. Safari이거나 무손실을 계산할 때는 WebP 엔진 파일을 이 사이트에서 내려받지만 그때도 이미지는 보내지 않습니다.
저장한 WebP는 화면의 픽셀로 새로 만든 파일이라 원본의 EXIF·GPS·XMP 정보를 옮기지 않습니다. 색은 sRGB로 맞춰 저장하며, Chrome에서 손실 단계로 만든 파일에는 sRGB 색 프로필(456바이트)이 함께 들어갑니다. 작업은 자동으로 저장되지 않으니 페이지를 닫기 전에 결과를 받아 두세요.
한계
- 움직이는 GIF·APNG·WebP는 첫 장면만 바꾸며, 애니메이션 WebP는 만들지 않습니다.
- HEIC는 그 형식을 여는 브라우저(Safari 17 이상)에서만 바꿀 수 있고, TIFF·JPEG XL처럼 브라우저가 못 여는 형식은 목록에 오류로 남습니다.
- WebP는 한 변이 16,383px까지라 그보다 긴 사진은 그 길이에 맞춰 줄입니다. 아이폰·아이패드는 캔버스 넓이 한도(약 1,678만 화소)에 맞춰 더 줄일 수 있으며, 그때는 비교 화면 위에 이유가 표시됩니다.
- Display P3처럼 넓은 색 영역으로 찍은 사진은 sRGB로 바뀌어 아주 진한 색이 조금 옅어질 수 있습니다.
- 압축 강도 사다리는 모든 사진을 바꾼 뒤 선택한 사진 한 장만 계산합니다. 큰 사진은 무손실 계산이 오래 걸려 6,000 × 4,000 사진이 Mac의 Chrome에서 약 5~6초 걸렸고, 휴대폰에서는 더 걸릴 수 있습니다.
- 50장·장당 50 MB·1억 화소 상한은 이 도구의 기준이며, 표의 크기는 2026-10-20 Chrome 151에서 잰 값입니다.
기준: 2026-10-20에 아래 문서의 해당 문장을 확인했습니다.
출처
- 01Google for Developers — An image format for the Web (WebP)무손실 WebP는 PNG보다 26% 작고, 손실 WebP는 같은 SSIM 품질에서 JPEG보다 25~34% 작음. 손실 WebP도 투명도를 지원하며 PNG보다 보통 3배 작음
- 02Google for Developers — WebP FAQWebP 이미지의 최대 픽셀 크기는 16383 × 16383, 손실 WebP는 8비트 Y'CbCr 4:2:0(YUV420)만 씀
- 03MDN — HTMLCanvasElement: toBlob()기본 형식은 PNG이고 지원하지 않는 형식도 PNG로 저장, 품질은 0~1. 호환표에서 image/webp 형식은 Safari 미지원
- 04MDN — Image file type and format guideWebP는 주요 브라우저 최신판이 지원, macOS Safari는 Safari 14 이상과 macOS 11 Big Sur 이상이 필요
- 05Make WordPress Core — WordPress 5.8 adds WebP support5.8부터 WebP를 JPEG·PNG처럼 올려 쓸 수 있음(호스팅이 WebP를 지원할 때)
- 06Google Search Central — Image SEO best practices구글 검색이 지원하는 이미지 형식: BMP, GIF, JPEG, PNG, WebP, SVG, AVIF
- 07Chrome for Developers — Use WebP images'Serve images in modern formats' 감사는 Lighthouse 13부터 'Improve image delivery' 항목으로 옮겨짐
- 08MDN — <canvas>: Maximum canvas size최대 크기는 브라우저마다 다르고 iOS 기기는 4,096 × 4,096픽셀
- 09npm — @jsquash/webp 1.5.0Safari와 무손실 단계에 쓰는 libwebp 1.1.0 웹 엔진(Apache-2.0, libwebp는 BSD)
- 10WebKit — WebKit Features in Safari 17.0Safari 17.0이 HEIC 이미지 지원을 추가
자주 묻는 질문
JPG를 WebP로 바꾸면 얼마나 줄어드나요?
원본이 얼마나 압축돼 있었는지에 따라 다릅니다. 예시 사진(2,400 × 1,597 JPG, 332 KB)은 보통(품질 80)에서 141 KB로 57.4% 줄었고, 긴 변을 1,280px로 줄이면 56 KB가 됐습니다. 사진을 넣으면 압축 강도 사다리에 그 사진의 단계별 실제 크기가 나오니 그 값을 보고 고르세요.
품질은 몇으로 하면 되나요?
기본값인 보통(80)에서 시작해 비교 화면을 확대해 글자 가장자리와 하늘 같은 고른 면을 보세요. 차이가 보이지 않으면 강하게(70)로 더 줄이고, 상품 대표 사진이나 글자가 많은 캡처는 약하게(90)를 고르세요. 빗금이 칠해진 매우 강하게(55)·최대(40)는 뭉개짐이 보이기 쉬운 구간입니다.
무손실은 언제 쓰나요?
로고·아이콘·도형처럼 색이 단순하거나 불투명한 부분의 픽셀을 그대로 남겨야 하는 그림에 씁니다. 예시 투명 그림 PNG(70 KB)는 무손실 WebP에서 40 KB로 43.3% 줄었습니다. 사진을 무손실로 바꾸면 예시 사진처럼 원본 JPG보다 3배 넘게 커질 수 있으니 사진은 손실 단계를 고르세요.
PNG의 투명 배경이 그대로 남나요?
네. 무손실과 손실 단계 모두 투명 배경(알파)을 남깁니다. 비교 화면에서 회색 체크무늬가 보이는 곳이 투명한 부분입니다.
아이폰이나 Safari에서도 WebP로 저장되나요?
네. Safari는 브라우저가 WebP를 직접 만들지 못해 그대로 두면 PNG가 나옵니다. 이 도구는 그럴 때 구글 libwebp를 웹용으로 옮긴 엔진(약 320 KB)을 이 사이트에서 받아 WebP를 만들고, 사다리 아래에 그 사실을 표시합니다.
이미지가 서버로 올라가나요?
아니요. 이미지를 읽고 WebP로 바꾸고 파일로 만드는 일은 모두 이 브라우저 안에서 합니다. Safari이거나 무손실을 계산할 때 WebP 엔진 파일을 이 사이트에서 내려받지만, 그때도 이미지는 보내지 않습니다.
WebP로 바꿨더니 원본보다 커졌어요.
이미 작게 압축된 JPG를 약하게(90)로 다시 저장하거나 사진을 무손실로 저장하면 커질 수 있습니다. 커진 결과는 목록과 사다리에 빗금 막대와 + 비율로 표시됩니다. 강도를 높이거나 긴 변을 줄여 보고, 그래도 크면 원본을 그대로 쓰세요.
움직이는 GIF나 HEIC 사진도 바꿀 수 있나요?
움직이는 GIF·APNG·WebP는 첫 장면 한 장만 WebP로 바뀌고, 목록에 '움직이는 그림'으로 표시됩니다. HEIC는 그 형식을 여는 브라우저(Safari 17 이상)에서만 바뀌며, Chrome 등에서는 목록에 오류로 남으니 JPG로 먼저 바꾸세요.