사용 방법
- .webp 파일을 상자에 끌어다 놓거나 선택합니다. 한 번에 최대 50장입니다.
- 품질(90이 무난한 시작점)과 투명한 부분의 배경색을 고릅니다.
- JPG를 하나씩 받거나 ZIP으로 모두 받습니다.
예시
banner.WEBP를 JPG로 변환
→ banner.jpg
배경이 투명한 WebP, 배경색 흰색
→ 흰 바탕 위의 그림WebP는 투명할 수 있지만 JPG는 그렇지 않습니다.
움직이는 WebP
→ 첫 프레임의 JPGJPG는 그림 한 장이라서 첫 프레임만 남습니다.
부드러운 그림자가 있는 WebP 로고, 배경색 검정
→ 검은 바탕 위의 로고와 그림자반투명한 픽셀은 배경색과 섞이므로, 흰 바탕에서 보이던 부드러운 그림자는 검은 바탕에서 거의 사라집니다.
1200 × 800 WebP, 품질 90, 원본 크기 유지
→ 1200 × 800 JPG픽셀 크기는 그대로이고 형식과 파일 크기만 달라집니다.
계산 방식
이 페이지는 WebP를 JPG로 맞춰 둔 이미지 변환기입니다. 브라우저가 WebP를 읽고, JPG는 오픈소스 인코더 MozJPEG가 씁니다. 투명한 픽셀은 먼저 고른 배경색 위에 칠해집니다.
파일 이름 짓기, 크기 계산, 인코더 출력을 테스트합니다.
투명한 그림은 어떻게 되나
JPG에는 투명도를 담을 방법이 없어서, 이 페이지는 고른 배경색을 먼저 칠하고 그 위에 WebP를 그립니다. 완전히 투명한 픽셀은 그 색이 됩니다. 로고 가장자리나 그림자처럼 반투명한 픽셀은 그 색과 섞입니다. 그래서 색이 중요합니다. 나중에 바꿀 수 있는 그림 뒤의 채움이 아니라 JPG의 픽셀에 구워져 들어갑니다.
품질과 크기
JPG는 점진적(progressive) 방식으로 쓰이며, 느린 연결에서 흐릿한 상태에서 선명해지며 열립니다. MozJPEG가 기본으로 쓰는 설정입니다. 여기서 기본 품질이 90인 것은 WebP로 저장된 그림은 깨끗해 보이길 바라는 경우가 많기 때문입니다. 이미 많이 압축된 WebP에서 만든 JPG가 더 좋아지지는 않으므로 품질을 높이면 파일만 커집니다.
| 원하는 것 | 시도할 값 |
|---|---|
| 메일로 보낼 사본 | 80~85, 그리고 더 작은 크기 |
| WebP를 거부하는 프로그램용 파일 | 90 |
| 만들 수 있는 가장 깨끗한 사본 | 95, 그리고 큰 파일 |
다른 형식이 더 맞을 때
그림이 로고, 아이콘, 스크린샷이거나 지켜야 할 투명도가 있다면 JPG는 그것을 망가뜨리므로 WebP를 PNG로 바꾸는 페이지가 낫습니다. JPG는 사진용입니다.
출처
- WebP on Wikipedia
- MDN: Image file type and format guide
- Google: WebP frequently asked questions
- jSquash (MozJPEG)
자주 묻는 질문
- WebP가 무엇인가요?
- 웹 페이지를 더 빨리 열리게 하려고 Google이 만든 이미지 형식입니다. 사진은 같은 사진의 JPG보다 보통 작습니다. 현재 브라우저는 모두 보여 주지만 일부 오래된 프로그램, 메일 프로그램, 인쇄 서비스, 업로드 양식은 열지 못합니다.
- 그림을 저장했는데 왜 .webp 파일이 나왔나요?
- 많은 웹사이트가 WebP를 지원하는 브라우저에는 WebP를 보냅니다. 그래서 JPG처럼 보이던 페이지도 다른 이름으로 이미지 저장을 하면 WebP가 받아집니다. 변환하면 해결됩니다.
- 변환하면 화질이 떨어지나요?
- WebP를 손실 압축 JPG로 다시 쓰기 때문에 조금 떨어집니다. 품질 90에서는 잘 보이지 않습니다. WebP가 무손실이었고 그대로 두고 싶다면 이미지 변환기에서 PNG로 바꾸세요.
- 투명도와 움직임은 어떻게 되나요?
- JPG에는 둘 다 없습니다. 투명한 부분은 고른 배경색으로 채워지고, 움직이는 WebP는 첫 프레임만 나옵니다.
- 배경색은 무엇으로 고를까요?
- 그림이 놓일 바탕의 색으로 고르세요. 문서와 대부분의 웹 페이지에는 흰색이, 어두운 페이지에는 검정이 맞습니다. JPG를 나중에 고른 색과 다른 색 위에 놓으면 로고의 부드러운 가장자리에 고른 색의 얇은 테두리가 보입니다. 가장자리 픽셀이 그 색과 섞였기 때문입니다.
- JPG가 WebP보다 왜 더 큰가요?
- WebP가 JPG보다 효율적으로 압축하기 때문이며, Google은 JPEG보다 평균 약 30% 더 압축된다고 합니다. 비슷하게 보이려면 JPG가 더 많은 바이트를 씁니다. JPG가 너무 크면 품질이나 크기를 낮추세요.
- 품질은 얼마로 할까요?
- 90이 무난한 시작점이고, 결과마다 크기가 보이니 다른 값도 시험해 보세요. JPG에서 100은 무손실이 아니며 눈에 띄는 이득은 적은데 파일은 훨씬 커집니다. 값이 낮아지면 매끈한 부분에 네모난 얼룩이 더 보입니다.
- 브라우저가 못 보여 주는 WebP도 열 수 있나요?
- 아니요. 브라우저가 WebP를 읽기 때문에 WebP를 보여 주지 못하는 아주 오래된 브라우저는 여기서도 읽지 못합니다. WebP를 지원하는 브라우저는 Chrome, Edge, Firefox, Opera의 현재 버전과 macOS Big Sur 이상의 Safari 14 이상입니다.
- 내 이미지가 업로드되나요?
- 아니요. 브라우저에서 변환합니다.
관련 도구
가이드
버전 기록
- 1.0.4 — 투명한 그림이 배경색 위에 합쳐지는 방식, 배경색과 품질 고르기, WebP의 브라우저 지원을 추가하고 예시와 질문을 늘렸습니다.
- 1.0.3 — 넓은 화면에서 형식·품질 옵션과 크기 옵션이 옆자리가 비는 두 줄로 나뉘던 것을 한 줄로 합쳤습니다.
- 1.0.2 — 검색 제목과 설명에서 지원 작업·주요 형식·개인정보 보호 장점을 더 분명하게 안내합니다.
- 1.0.1 — 도구 연결에 변환 완료·실패 상태를 전달해 전체 결과가 준비될 때까지 기다리고, 취소되거나 새 실행으로 대체된 작업의 결과를 무시하도록 바꿨습니다.
- 1.0.0 — 첫 공개.