MultiKit
사용 방법
- .png 파일을 상자에 끌어다 놓거나 선택합니다. 한 번에 최대 50장을 추가할 수 있습니다.
- 품질을 고릅니다. 80이 무난한 시작점이며 낮을수록 작고 100이 가장 높습니다. 크기를 줄일 수도 있습니다.
- WebP를 하나씩 받거나 모두 받기를 눌러 ZIP으로 받습니다. 결과 크기는 파일 옆에 보입니다.
예시
배경이 투명한 logo.png
→ 여전히 투명한 logo.webpWebP는 투명도를 지원합니다.
screenshot.png
→ 더 작아진 screenshot.webp파일마다 크기가 옆에 보여서 줄어든 정도를 알 수 있습니다.
이미 작은 PNG 아이콘
→ 더 작지 않을 수 있는 WebP아주 작은 단색 이미지는 줄어드는 폭이 작거나 없을 수 있습니다.
4000 × 3000 PNG, 가로 1600으로 지정
→ 1600 × 1200 WebP가로만 정하면 비율이 유지되어 세로가 따라옵니다.
My Photo.PNG와 my photo.png
→ My Photo.webp와 my photo.webp확장자만 바뀝니다. ZIP 안에서 이름이 겹치면 두 번째 파일에 -2가 붙습니다.
계산 방식
이 페이지는 PNG를 WebP로 맞춰 둔 이미지 변환기입니다. 브라우저가 PNG를 읽고, WebP는 WebAssembly로 올린 Google의 인코더 libwebp가 만듭니다. 아무것도 기기 밖으로 나가지 않습니다.
파일에서 무엇이 달라지나
PNG는 모든 픽셀을 그대로 저장합니다. 여기서 만드는 WebP는 손실 압축이라서 눈에 띄는 것은 남기고 미세한 세부는 버리며, 품질 값이 버리는 정도를 정합니다. 그림의 투명한 부분은 색과 따로 저장되고 최대 품질을 유지하므로 부드러운 그림자나 매끈한 가장자리가 네모나게 깨지지 않습니다. Google의 WebP FAQ는 손실 압축 WebP가 JPEG보다 평균 약 30% 더 압축된다고 하며, 그림마다 줄어드는 정도는 다릅니다.
품질 고르기
| 그림 | 무난한 시작점 |
|---|---|
| 사진 | 75~85 |
| 작은 글자가 있는 스크린샷 | 90 이상, 비교해 보기 |
| 단색 위주의 로고나 아이콘 | 90 이상, 또는 PNG 유지 |
품질은 원본 크기의 백분율이 아니라 인코더의 설정값입니다. 같은 값도 그림마다 줄어드는 정도가 달라서 이 페이지가 결과마다 크기를 보여 줍니다.
PNG를 남겨 두어야 할 때
그림을 다시 편집할 수 있거나, 인쇄할 예정이거나, 프로그램이나 업로드 양식이 PNG만 받는다면 PNG를 원본으로 남겨 두세요. 아주 작은 그래픽도 PNG가 나을 때가 많습니다. 웹 페이지에 보이는 사본에는 WebP를 쓰세요. 그곳에서는 모든 방문자가 킬로바이트 하나하나를 내려받기 때문입니다.
출처
- Google: WebP frequently asked questions
- WebP on Wikipedia
- MDN: Image file type and format guide
- jSquash (libwebp)
자주 묻는 질문
- PNG를 왜 WebP로 바꾸나요?
- 파일이 작으면 페이지가 빨리 열리고 데이터도 덜 씁니다. WebP 사진은 같은 사진의 JPG나 PNG보다 보통 눈에 띄게 작습니다.
- 화질이 떨어지나요?
- 고른 품질에서는 파일을 작게 만들려고 세부를 조금 버립니다. 80에서는 사진의 차이가 잘 보이지 않습니다. 글자와 날카로운 모서리는 더 드러나므로 스크린샷은 품질을 높이세요.
- 모든 브라우저와 프로그램이 WebP를 여나요?
- 현재 브라우저는 모두 엽니다. 일부 오래된 프로그램, 메일 프로그램, 업로드 양식은 열지 못하며 그런 곳에는 JPG나 PNG가 안전합니다.
- 투명도가 유지되나요?
- 네. WebP는 투명하거나 반투명한 픽셀을 지원하며 투명도 자체는 최대 품질로 저장하므로 로고의 가장자리가 깔끔하게 유지됩니다.
- PNG처럼 무손실 WebP인가요?
- 아니요. 이 페이지는 손실 압축 WebP를 만들고 품질 100도 손실 압축입니다. WebP에는 무손실 모드도 있고 Google은 PNG보다 26% 작다고 하지만, 모든 픽셀이 원본과 같아야 한다면 PNG를 유지하세요.
- WebP가 PNG보다 더 커졌어요.
- 아이콘이나 단순한 로고처럼 색이 적은 작은 그래픽에서 생깁니다. PNG가 이미 그런 이미지를 아주 작게 저장하기 때문입니다. 결과마다 크기가 옆에 보이니 WebP가 더 크면 PNG를 쓰세요.
- 얼마나 큰 그림까지 바꿀 수 있나요?
- WebP 파일은 한 변이 최대 16383픽셀이고, 이 페이지는 전체 픽셀이 5천만을 넘는 크기도 휴대폰의 메모리가 모자라지 않도록 거절합니다. 아주 큰 그림은 크기 옵션으로 줄이세요.
- 사이트의 PNG를 전부 바꿔야 하나요?
- 페이지에 보이는 사진과 스크린샷을 바꾸고, 편집용 원본으로는 PNG를 두세요. 이미 변환한 사본에서 다시 변환하면 그때마다 손실이 더해집니다.
- 내 이미지가 업로드되나요?
- 아니요. 브라우저에서 변환합니다.
관련 도구
가이드
버전 기록
- 1.0.4 — 파일에서 달라지는 것(손실 압축 WebP, 최대 품질로 유지되는 투명도), 품질 고르기, 크기 한계, PNG를 남겨 두어야 할 때를 추가하고 예시와 질문을 늘렸습니다.
- 1.0.3 — 넓은 화면에서 형식·품질 옵션과 크기 옵션이 옆자리가 비는 두 줄로 나뉘던 것을 한 줄로 합쳤습니다.
- 1.0.2 — 검색 제목과 설명에서 지원 작업·주요 형식·개인정보 보호 장점을 더 분명하게 안내합니다.
- 1.0.1 — 도구 연결에 변환 완료·실패 상태를 전달해 전체 결과가 준비될 때까지 기다리고, 취소되거나 새 실행으로 대체된 작업의 결과를 무시하도록 바꿨습니다.
- 1.0.0 — 첫 공개.